[微信小程序]學習筆記02.微信開發者工具的下載、安裝和項目目錄結構

提取知識點

小程序

• 使用 微信登錄 微信開發者工具進行開發
• 新建小程序需要填寫AppID或使用測試號
• 工具界面分爲工具欄、模擬器、編輯器、調試器
• 常用的4種文件：wxml、wxss、js、json

目錄

一、微信開發者工具的下載

二、微信開發者工具的安裝

三、微信開發者工具的簡單使用

• 1.打開後需要微信掃碼登錄
• 2.選擇 小程序 +
• 3.填寫項目信息
• 4.進入工具界面（本例使用測試號進行測試）
• 5.項目目錄結構和代碼結構

內容

一、微信開發者工具的下載

官方下載地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

二、微信開發者工具的安裝

配置好安裝路徑，一路 下一步 即可

三、微信開發者工具的簡單使用

1.打開後需要微信掃碼登錄

2.選擇 小程序 +

3.填寫項目信息

其中AppID需要登錄微信公衆平臺（http://mp.weixin.qq.com/）獲取，點擊 查看詳情

下拉至最底部，即顯示 AppID

4.進入工具界面（本例使用測試號進行測試）

5.項目目錄結構和代碼結構

• app.js 註冊微信小程序應用
• app.json 全局配置(如網絡請求超時時間、各頁面的註冊路徑)
• app.wxss 全局樣式
• 注:以上三個文件必須放在項目的根目錄
• project.config.json 微信開發者工具的配置信息
• pages文件夾 所有的小程序頁面
• utils文件夾 公共工具函數：代碼複用
  其中 pages文件夾 最多有4種類型文件（.js .json .wxml .wxss 一個小程序頁面由這四個文件組成 注意：爲了方便開發者減少配置項，描述頁面的四個文件必須具有相同的路徑與文件名）
  
  我們可以簡單的認爲 wxml +wxss +js = html + css +js
  wxml 就是展現頁面
  wxss 就是設置樣式 (與 CSS 相比，WXSS 擴展的特性有：(1)尺寸單位 (2)樣式導入 )
  js 還是處理邏輯和數據交互
  json 頁面配置文件 (app.json爲全局配置文件)