零基礎(chǔ)手把手教你創(chuàng)建微信小程序（一）·微信小程序開發(fā)賬號(hào)的注冊(cè)以及開發(fā)者工具的安裝和使用-CSDN博客
零基礎(chǔ)手把手教你創(chuàng)建微信小程序（二）·創(chuàng)建第一個(gè)微信小程序以及了解小程序代碼的構(gòu)成-CSDN博客
目錄
1.? 小程序頁面的創(chuàng)建
1.1? 方法一
1.2? 方法二
2.? 小程序如何更改和調(diào)試基礎(chǔ)庫
2.1??調(diào)試基礎(chǔ)庫介紹
2.2? 如何更改基礎(chǔ)庫
3.? 如何調(diào)試小程序
3.1? Wxml
3.2? Consol
3.3? Network
3.4? AppData
3.5? Storage
1.? 小程序頁面的創(chuàng)建
1.1? 方法一
????????首先，在“pages”文件右鍵彈出窗口找到“新建文件夾”，點(diǎn)擊，如下圖：
????????在框內(nèi)輸入創(chuàng)建頁面的命名：
? ? ? ? 找到剛剛創(chuàng)建的文件，右鍵彈出窗，點(diǎn)擊“新建Page”。
????????輸入頁面名稱，不需要輸入任何后綴名：
? ? ? ? 會(huì)自動(dòng)生成，相關(guān)的四個(gè)文件：
1.2? 方法二
????????首先，我們先找到“app.json”文件，可以看到框住代碼部分，分別對(duì)應(yīng)創(chuàng)建的“index”和“l(fā)ist”文件，我們也可以在這段代碼部分，進(jìn)行創(chuàng)建文件。
????????該段代碼是創(chuàng)建頁面路徑，通過如圖所示編寫代碼能夠進(jìn)行頁面的快速創(chuàng)建：
2.? 小程序如何更改和調(diào)試基礎(chǔ)庫
2.1??調(diào)試基礎(chǔ)庫介紹
????????小程序調(diào)試基礎(chǔ)庫是指：微信開發(fā)者工具中可以選擇的微信基礎(chǔ)庫版本。
????????微信基礎(chǔ)庫是指小程序的運(yùn)行環(huán)境，給小程序提供了運(yùn)行所需的各種 API 和工具，以及基礎(chǔ)框架和運(yùn)行邏輯等。
????????小程序開發(fā)者可以在微信開發(fā)者工具中選擇所需的微信基礎(chǔ)庫版本，作為運(yùn)行和調(diào)試小程序時(shí)的運(yùn)行環(huán)境。
????????每個(gè)小程序有自己所允許使用的基礎(chǔ)庫最低版本要求，開發(fā)者需要選擇要兼容的基礎(chǔ)庫版本，從而確保小程序的功能正常運(yùn)行。
2.2? 如何更改基礎(chǔ)庫
? ? ? ? 在工具欄找到“詳情”，點(diǎn)擊“本地設(shè)置”，在“調(diào)試基礎(chǔ)庫”中找到自己想要更改的基礎(chǔ)庫點(diǎn)擊即可。
3.? 如何調(diào)試小程序
3.1? Wxml
????????在Wxml可以看到配置界面的結(jié)構(gòu)和樣式，通過對(duì)其的調(diào)試，可以對(duì)頁面進(jìn)行調(diào)試其結(jié)構(gòu)和樣式，如下：
3.2? Consol
????????在Consol可以看到打印輸出的內(nèi)容，如下圖：
? ? ? ? 不過此時(shí)打印輸出的還有系統(tǒng)打印輸出的內(nèi)容，可以右鍵系統(tǒng)打印的信息，找到“2”所示的內(nèi)筒，點(diǎn)擊，就可以隱藏系統(tǒng)打印輸出的內(nèi)容，如下圖：
3.3? Network
????????調(diào)試服務(wù)器的網(wǎng)絡(luò)請(qǐng)求，調(diào)試自己向服務(wù)器發(fā)送的請(qǐng)求：
3.4? AppData
? ? ? ? 查看當(dāng)前頁面對(duì)應(yīng)的哪些數(shù)據(jù)：
3.5? Storage
????????查看自己在本地存儲(chǔ)了那些數(shù)據(jù)：
微信小程序開發(fā)_時(shí)光の塵的博客-CSDN博客文章來源：http://www.zghlxwxcb.cn/news/detail-858815.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-858815.html
到了這里，關(guān)于微信小程序開發(fā)系列（三）·微信小程序頁面的創(chuàng)建、小程序如何更改調(diào)試基礎(chǔ)庫的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
