微信小程序項目開發(fā)

項目一、介紹微信小程序與開發(fā)環(huán)境任務一、搭建開發(fā)環(huán)境任務二、創(chuàng)建第一個微信小程序任務三、了解小程序代碼組成主要內(nèi)容注冊賬號微信公眾平臺/注冊賬號注冊頁面注冊賬號獲取AppID下載安裝微信開發(fā)者工具微信開發(fā)者工具下載微信開發(fā)者工具創(chuàng)建第一個微信小程序創(chuàng)建小程序調(diào)試面板WXML頁面結(jié)構(gòu)該面板會顯示渲染后的頁面布局及樣式，在調(diào)試頁面結(jié)構(gòu)及樣式時非要有用，當發(fā)現(xiàn)頁面沒有按照設計來正常顯示時，通常用此面板來進行調(diào)試?？梢愿鶕?jù)頁面顯示的內(nèi)容快讀對應到wxml代碼，也可以實時修改樣式來查看效果。調(diào)試面板Console控制臺用于顯示調(diào)試信息、各種錯誤信息。在編寫代碼過程中會實時顯示各種錯誤信息，幫助用戶及時發(fā)現(xiàn)并改正錯誤，也可以編寫調(diào)試代碼幫助調(diào)試程序。還可以在此面板執(zhí)行指令和代碼，實時查看結(jié)果。調(diào)試面板其它常用面板Source源代碼：查看編譯處理后的腳本文件。Network網(wǎng)絡：調(diào)試網(wǎng)絡請求（wx.request）時使用，可以看到調(diào)用到的服務器的各種資源，服務器返回的各種信息。AppData應用數(shù)據(jù)：查看運行中的數(shù)據(jù)，并可以修改查看實時的效果。格式化代碼打開項目根文件夾下面的project.config.json文件，修改editorSetting的設置：

"editorSetting":{

"tabIndent":"insertSpaces",

"tabSize":2}微信小程序項目文件.eslintrc.js：Eslint配置文件，需要先安裝Eslint。Eslint用來規(guī)范代碼書寫，使得不同的開發(fā)者寫出風格統(tǒng)一的代碼。app.js：微信小程序的入口文件，掌控整個小程序的生命周期，同時有一些全局的屬性、變量也存放在這個文件中。app.json：微信小程序的全局配置，包括了所有頁面路徑、界面表現(xiàn)、網(wǎng)絡超時時間、底部tab等。app.wxss：微信小程序的全局配置，包括了所有頁面路徑、界面表現(xiàn)、網(wǎng)絡超時時間、底部tab等。微信小程序項目文件project.config.json：開發(fā)者工具就自動恢復到當時開發(fā)項目時的個性化配置，其中會包括編輯器的顏色、代碼上傳時自動壓縮等等一系列選項。project.private.config.json：項目私有配置文件。此文件中的內(nèi)容將覆蓋project.config.json中的相同字段。項目的改動優(yōu)先同步到此文件中。sitemap.json：開發(fā)者可以通過sitemap.json配置，或者管理后臺頁面收錄開關來配置其小程序頁面是否允許微信索引。頁面文件wxml文件：類似html文件，wxml文件是頁面布局文件。wxss文件：類似css文件，wxss文件是頁面樣式文。js文件：頁面腳本邏輯文件，可以調(diào)用小程序提供的豐富的API，利用這些API可以很方便的調(diào)起微信提供的能力，例如獲取用戶信息、本地存儲、微信支付等。json文件：頁面配置文件。成員管理