環(huán)境搭建
首先在微信公眾平臺(tái)注冊(cè)一個(gè)我們自己的賬號(hào):
根據(jù)注冊(cè)提示完成注冊(cè)
- 用我們剛剛注冊(cè)好的賬號(hào)登錄,進(jìn)入微信官方文檔界面,下載微信開(kāi)發(fā)者工具
- 根據(jù)提示安裝好就可以登錄創(chuàng)建工程了!
開(kāi)發(fā)工具的認(rèn)識(shí)
開(kāi)發(fā)工具的界面詳解:
MINA框架:
js文件:頁(yè)面中的邏輯界面;用于功能編寫(xiě)
wxml文件:配置頁(yè)面元素及頁(yè)面布局
wxss文件:樣式文件,對(duì)頁(yè)面進(jìn)行美化【在文件夾中重寫(xiě)時(shí),覆蓋默認(rèn)的頁(yè)面樣式】
json文件:頁(yè)面的配置文件,例如tabBar的描述【在文件夾中重寫(xiě)時(shí),覆蓋默認(rèn)的頁(yè)面結(jié)構(gòu)】
App文件:
App.js文件:用于注冊(cè)一個(gè)小程序,并進(jìn)行生命周期
App.json負(fù)責(zé)整個(gè)App的配置:
(1)pages:定義小程序的路由
(2)window:定義小程序的頂部菜單
(3)tabBar:定義小程序的底部Tab
(4)networkTimeout:定義小程序的超時(shí)
(5)debug:定義小程序的debug模式
App.wxss樣式會(huì)被整個(gè)App的頁(yè)面引用,公用css可以寫(xiě)在這里
創(chuàng)建工程
1.登錄微信開(kāi)發(fā)者工具,進(jìn)行工程創(chuàng)建的信息填寫(xiě)
-項(xiàng)目名稱(chēng)必須與事先定好的路徑最后一個(gè)文件名相同,如果沒(méi)有,項(xiàng)目名稱(chēng)將會(huì)自動(dòng)修改為路徑里面最后一個(gè)文件名。若強(qiáng)行修改項(xiàng)目名稱(chēng),則會(huì)出現(xiàn)一下錯(cuò)誤,導(dǎo)致無(wú)法創(chuàng)建。
- 在微信公眾平臺(tái)找到我們的AppID,填在AppID的文本框內(nèi)。也可以暫時(shí)使用測(cè)試號(hào)
3.創(chuàng)建完成后,根據(jù)需要就可以自己修改代碼,完成自己的小程序編寫(xiě)了!