微信小程序入門(mén)——環(huán)境搭建以及開(kāi)發(fā)工具的認(rèn)識(shí)

2020-2-10    seo達(dá)人

環(huán)境搭建

首先在微信公眾平臺(tái)注冊(cè)一個(gè)我們自己的賬號(hào):





根據(jù)注冊(cè)提示完成注冊(cè)


  1. 用我們剛剛注冊(cè)好的賬號(hào)登錄,進(jìn)入微信官方文檔界面,下載微信開(kāi)發(fā)者工具




  2. 根據(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)建。


  3. 在微信公眾平臺(tái)找到我們的AppID,填在AppID的文本框內(nèi)。也可以暫時(shí)使用測(cè)試號(hào)



    3.創(chuàng)建完成后,根據(jù)需要就可以自己修改代碼,完成自己的小程序編寫(xiě)了!


分享本文至:

日歷

鏈接

個(gè)人資料

存檔