一、建立小程式
申請賬号位址：https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E7%94%B3%E8%AF%B7%E5%B8%90%E5%8F%B7
二、注冊小程式
在微信公衆平台注冊小程式。
三、建立小程式項目
小程式項目會依賴一個 AppId， 是以需要從公衆平台上擷取 AppId：
- 登入公衆平台
- 點選側邊欄開發管理 找到 開發設定
- 從開發設定中找到 AppId
擷取 AppId 後：
- 打開微信開發工具
- 選擇小程式，點選建立按鈕，打開項目建立向導
- 填寫項目名稱，項目目錄，AppId(可以用一下測試号，那界面和下面的圖不一樣)，後端服務選擇不适用雲開發，語言選擇javascript
- 點選建立按鈕，建立項目
建立成功之後，首頁面是微信頭像和微信昵稱，以及一句“Hello World”
四、項目結構
項目下的檔案和檔案夾的作用如下：
pages: 存放頁面檔案的檔案夾
index: 頁面檔案夾
index.js: 頁面的js代碼
index.json: 頁面的配置
index.wxml: html模闆檔案
index.wxss: 頁面的樣式檔案
utils: 存放工具類的js檔案
app.js: 微信小程式的程式入口(程式入口：開始執行代碼的地方)
app.json: 小程式内容的配置檔案
app.wxss: 小程式的全局樣式(.wxss檔案是小程式的樣式檔案)
project.config.json: 小程式項目的配置
sitemap.json: 通路網站的配置 五、建立頁面
- 在項目的pages檔案夾右鍵建立檔案夾，例如：first_demo
- 在建立目錄 first_demo 上右鍵，選擇建立page，輸入 first_demo，會自動生成四個檔案。
- 修改 app.json 中的 pages 屬性，将建立頁面的路徑調整到第一個位置上。
六、尺寸機關
- rem ：相對根節點字型大小，預設根節點字型大小為 16px；1rem = 16px ，2rem = 2 * 16px。
-
rpx：尺寸機關rpx 是微信小程式特有的尺寸大小，
rpx是針對不同手機平台的裝置尺寸不同的螢幕寬度，對應 rpx 大小不一樣，對于針對裝置的開發的小程式而言，推薦使用 rpx 機關。