先從目錄結構開始講解：

1、目錄結構講解：

微信小程序有四種文件類型：

wxml：類似網頁里的html頁面； wxss：類似于網頁里的CSS樣式； js：js文件，用來定義函數方法等； json：配置頁面屬性，例如標題欄；上圖中的app.js app.json app.wxss 三個文件的文件名是固定的，微信官方定義好的，不可以修改文件名，也不可缺少這三個文件。2、注意事項：頁面文件夾里的wxml、 wxss、 js、 json文件的文件名必須相同，文件夾名字不必和里面的文件名相同，如圖 微信開發者工具下載地址：官方下載地址好，大家已經了解了小程序的目錄結構和各個文件的作用，下一篇我們會講解，如何創建頁面。