1.安裝NODE.JS
NODE.JS 下載穩(wěn)定版本。無(wú)腦安裝即可。打開(kāi)CMD，查看版本號(hào)，確定是否安裝成功。
image.png
2.配置NPM
我們需要配置npm的全局模塊的存放路徑以及cache的路徑。CMD鍵入
- npm config set prefix "D:\Program Files\nodejs\node_global"
- npm config set cache "D:\Program Files\nodejs\node_cache"
我們需要設(shè)置系統(tǒng)變量。進(jìn)入我的電腦→屬性→高級(jí)→環(huán)境變量。在系統(tǒng)變量下新建“NODE_PATH”，輸入“D:\Program Files\nodejs\node_global\node_modules”
3.安裝CNPM
一些資源在國(guó)外的服務(wù)器上，導(dǎo)入下載速度很慢。故：安裝CNPM 可指向國(guó)內(nèi)資源庫(kù)。使用淘寶鏡像 CMD 鍵入npm install -g cnpm ––registry=https://registry.npm.taobao.org
安裝成功后，鍵入cnpm -v 檢測(cè)安裝是否成功。
image.png
4.安裝bower 來(lái)測(cè)試配置情況。
CMD 鍵入 cnpm install bower -g 安裝至 node_global 文件夾。鍵入：bower -v
image.png
5.安裝vue-devtools
vue-devtools 下載。解壓到任意。打開(kāi)CMD 進(jìn)入 解壓的文件夾。
1.鍵入 cnpm install 執(zhí)行
2.鍵入 cnpm run build 執(zhí)行。
image.png
看到一個(gè)src的文件夾，既配置成功。修改shells>chrome文件夾下的mainifest.json 中的persistant為true。插件目錄下 鍵入 cnpm run dev 執(zhí)行即可。
image.png
