筆記內(nèi)容:小程序環(huán)境搭建與開發(fā)工具的簡單介紹
筆記日期:2018-1-03
和其他產(chǎn)品的開發(fā)一樣,開發(fā)小程序也需要搭建相應(yīng)的環(huán)境,小程序的開發(fā)環(huán)境很簡單,下載個開發(fā)工具就可以了。微信官方提供了一個小程序的開發(fā)者工具,可以在官網(wǎng)下載到。
官網(wǎng)下載地址:
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
下載對應(yīng)的版本即可,我這里下載的是最新版的。
下載完成之后安裝,因為安裝都是圖形化而且是中文的,就不過多說明了:
建議處于學(xué)習(xí)階段的話,在模擬器上運行會比較好一些,真機運行需要綁定一些相關(guān)的信息,過程比較麻煩,不利于初學(xué)者。
安裝好開發(fā)工具,運行之后會彈出一個對話框,讓你使用微信掃碼登錄:
登錄之后點擊小程序項目:
創(chuàng)建相應(yīng)的工程,沒有AppID的話可以點擊 “點此體檢” 即可,當(dāng)然你也可以去注冊一個AppID,我這里選擇的是不使用AppID:
創(chuàng)建完成:
左邊是效果的顯示區(qū)域,右邊是代碼的編寫區(qū)域。當(dāng)代碼修改后保存按Ctrl+s保存時就會自動編譯,然后左邊就會顯示出修改后的效果。這個開發(fā)工具還是比較簡單的,沒有什么復(fù)雜的功能。
打開調(diào)試器:
這個調(diào)試器感覺和谷歌瀏覽器的開發(fā)者工具一毛一樣。
文件樹:app.js是編譯過的文件,帶 ?[sm] 后綴的則是沒有編譯過的文件:
Console控制臺界面會顯示錯誤信息或者輸出信息:
在Source界面可以按Esc鍵讓控制臺位于下方顯示:
Network界面可以查看網(wǎng)絡(luò)請求信息:
Storage界面查看緩存:
AppData界面查看數(shù)據(jù)綁定:
Wxml界面,可以審查元素:
詳情界面:
如果你使用了AppID的話,上傳那幾個按鈕應(yīng)該是亮著的,因為我是游客ID所以是灰色的。
切后臺是用來模擬應(yīng)用切換時在后臺運行的狀況:
清緩存的按鈕會清除Storage界面里緩存的數(shù)據(jù)。
關(guān)于快捷鍵:
Ctrl+f可以打開查找:
斷點調(diào)試的快捷鍵:
F10單步調(diào)試,F(xiàn)8是調(diào)到下一個斷點
這些快捷鍵可以在設(shè)置 >>> 快捷鍵設(shè)置里查看到,也可以自定義快捷鍵:
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
網(wǎng)站名稱:小程序環(huán)境搭建與開發(fā)工具的簡單介紹-創(chuàng)新互聯(lián)
文章路徑:http://aaarwkj.com/article38/pjssp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗、定制開發(fā)、建站公司、品牌網(wǎng)站設(shè)計、做網(wǎng)站、靜態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)