小程序的開發與傳統的web前端開發極其相似，想必各位博友們關心的是如何去開發一個小程序，這里我簡單介紹總結一下近期學習的如何開發小程序。

首先注冊微信小程序

如果還沒有微信公眾平臺的賬號，先進入微信公眾平臺首頁，點擊“立即注冊”按鈕進行注冊。注冊的賬號類型可以是訂閱號、服務號、小程序以及企業微信，我們選擇“小程序”即可。
接著填寫賬號信息，需要注意的是，填寫的郵箱必須是未被微信公眾平臺注冊、未被個人微信號綁定的郵箱，而且每個郵箱僅能申請一個小程序。
激活郵箱之后，選擇主體類型為“個人類型”，并按要求登記主體信息。
?

微信開發者工具

下載微信web開發者工具，根據自己的操作系統下載對應的安裝包進行安裝即可。
打開開發者工具，用微信掃碼登錄開發者工具，準備開發你的第一個小程序吧!

小程序新建項目

打開開發者工具，選擇“小程序項目”，點擊右下角的“+”新建項目。
選擇一個空的文件夾作為項目目錄，填入剛剛的AppID，再填寫一個項目名稱，比如我這里叫做hello-minipro。點擊“確定"進入工具主界面。
?

創建微信小程序完畢

項目目錄結構

? ?
? ? ├── app.js ? ? # 小程序的邏輯文件
? ? ├── app.json ? # 小程序的配置文件
? ? ├── app.wxss ? # 全局公共樣式文件
? ? ├── pages ? ? ?# 存放小程序的各個頁面
? ? │ ? ├── index ?# index頁面
? ? │ ? │ ? ├── index.js ? ? # 頁面邏輯
? ? │ ? │ ? ├── index.wxml ? # 頁面結構
? ? │ ? │ ? └── index.wxss ? # 頁面樣式表
? ? │ ? └── logs ? # logs頁面
? ? │ ? ? ? ├── logs.js ? ? ?# 頁面邏輯
? ? │ ? ? ? ├── logs.json ? ?# 頁面配置
? ? │ ? ? ? ├── logs.wxml ? ?# 頁面結構
? ? │ ? ? ? └── logs.wxss ? ?# 頁面樣式表
? ? ├── project.config.json
? ? └── utils
? ? ? ? └── util.js

根目錄下有3個文件: app.js、app.json、app.wxss，小程序必須有這3個描述APP的文件，并放在根目錄下。這3個是應用程序級別的文件，與之平行的還有一個pages文件夾，用來存放小程序的各個頁面。

我們可以和web前端開發技術做個類比：

• wxml類似于HTML文件，用來編寫頁面的標簽和骨架，但里面只能用小程序自己封裝的組件
• wxss類似于CSS文件，用來編寫頁面樣式，只是把css 文件換成了wxss文件
• js 文件類似于前端編程中的JavaScript 文件，用來編寫小程序的頁面邏輯
• json文件用來配置頁面的樣式和行為。

以上便是微信小程序創建和結構的簡單介紹，那么我們開始著手于我們的第一個項目吧！

---

后續內容將持續發布。

總結

以上是生活随笔為你收集整理的学习篇——微信小程序开发的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。