1.下載微信開發者工具,並安裝
地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
2.登錄並註冊小程序賬號
3.新建小程序
新手再寫程序前,一定要看文檔
文檔地址:https://developers.weixin.qq.com/miniprogram/introduction/index.html
主體部分由三個文件組成,必須放在項目的根目錄
文件 | 作用 |
---|---|
app.js | 小程序邏輯 |
app.json | 小程序公共設置 |
app.wxss | 小程序公共樣式表 |
頁面由四個文件組成
文件類型 | 作用 |
---|---|
js | 頁面邏輯 ( 微信小程序沒有window和document對象 ) |
wxml | 頁面結構 ( XML語法,不是HTML語法 ) |
wxss | 頁面樣式表 ( 拓展了rpx尺寸單位,微信專屬響應式像素 ) |
json | 頁面配置 ( 不能寫註釋,否則編譯報錯 ) |
app.json 配置項列表
屬性 | 描述 |
---|---|
pages | 設置頁面路徑 |
window | 設置默認頁面的窗口表現 |
tabBar | 設置底部 tab 的表現 |
debug | 設置是否開啓 debug 模式 |