微信小程序入門(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è)人資料

存檔