微信小程序官方文檔中提供了一個(gè)很棒的示例文檔，針對(duì)各組件寫了很詳細(xì)的使用方法。但是下載對(duì)于小白有點(diǎn)點(diǎn)困難，主要包括：github下載，本機(jī)安裝nodejs，nmp安裝一些腳本，在小程序開發(fā)工具中運(yùn)行等。這里我將一一介紹。

本文假設(shè)你已具備微信小程序開發(fā)的基本技能，新建小程序啊、創(chuàng)建自己的開發(fā)者ID等，要是還沒有，請(qǐng)移步小程序開發(fā)者文檔。

先用手機(jī)掃掃看吧，增強(qiáng)一點(diǎn)信心！

1. github下載

小程序文檔中給了連接地址了，找到點(diǎn)擊即可。

如果你不想去官方文檔找，那我也直接給寫上啦：https://github.com/wechat-miniprogram/miniprogram-demo。

點(diǎn)擊code，download zip，下載到你想放的目錄里即可。這里我放到了D盤里的“...官方實(shí)例”文件夾。

官方：

我的安裝目錄：

可以看到我現(xiàn)在的實(shí)例文件夾比官方github中，多了一個(gè)node_modules文件夾，這個(gè)是下一步通過npm創(chuàng)建的。

2. 安裝nodejs

如果你的電腦中已經(jīng)有nodejs并配置好，請(qǐng)轉(zhuǎn)到第3節(jié)。

2.1 下載

進(jìn)入nodejs官網(wǎng)，根據(jù)自己的電腦系統(tǒng)選擇相應(yīng)的安裝包，這里我選擇的是windows64位.msi。

官方：

2.2 安裝并設(shè)置系統(tǒng)變量

直接運(yùn)行安裝即可。我安裝在D盤的software中了，安裝好后會(huì)出現(xiàn)一個(gè)nodejs文件夾，這就安裝好了。因此我的路徑為D:\software\nodejs。

按理，環(huán)境變量Path中應(yīng)該已經(jīng)添加了這個(gè)路徑，但是我這添加的不完整，導(dǎo)致我在別的文件夾應(yīng)用不了。所以手動(dòng)設(shè)置了系統(tǒng)變量。此電腦->屬性->高級(jí)系統(tǒng)設(shè)置->高級(jí)->環(huán)境變量->雙擊系統(tǒng)變量中的Path。在最后一行把剛才的路徑D:\software\nodejs寫進(jìn)去，確定。

點(diǎn)擊系統(tǒng)變量：

新建、編輯、并確定

3. 進(jìn)入demo文件夾，安裝一些文件

cmd到下載好的官方文件夾中。

簡潔方式：進(jìn)入剛才下載的官方示例文件夾，點(diǎn)擊上面的文件夾路徑，全部選中，然后輸入cmd，即可在本位置打開cmd。

手動(dòng)方式：直接打開cmd，cd到miniprogram-demo-master所在位置吧。

然后在cmd中，按官方給出的依次運(yùn)行以下命令。

npm i
cd miniprogram
npm i

安裝完之后就會(huì)出現(xiàn)我這個(gè)，miniprogram，并且在該文件夾中也有文件嗷。

4. 導(dǎo)入官方示例

正常導(dǎo)入就行，然后可以看到所有的完全的代碼。打開后會(huì)編譯一段時(shí)間，等一下就全部顯示出來了。

4. 每次保存都出現(xiàn)錯(cuò)誤碼：-10007

查了一下是數(shù)據(jù)預(yù)拉取調(diào)試的問題，可以在詳情->本地設(shè)置->關(guān)閉數(shù)據(jù)預(yù)拉取調(diào)試（取消勾選）

如果有不清楚的歡迎留言，大家共同成長！