1.首先去github下載vue.zip文件插件(還有npm安裝方法這里就不介紹了自行百度)下載地址:https://github.com/vuejs/vue-devtools
2.下載后解壓
3.然后通過npm下載相關依賴,可能有些同學沒有安裝npm,博主也是,這里介紹下安裝npm的方法。
從node.js中文網站下載node.js,里面包含npm
4.下載完成直接安裝,因為博主已安裝成功就不截圖,驗證npm是否安裝成功命令,打開CMD輸入
node -v
npm -v
如果出現對應版本號,說明安裝成功
5.下載cnpm,因為vue插件要通過cnpm下載,cmd命令如下:
npm install -g cnpm -registry=https://registry.npm.taobao.org
6.查看cnpm版本
cnpm -v
7.好了,接下來通過cnpm安裝vue插件依賴
cmd命令:
先定位到剛才下載的vue插件目錄里,博主安裝在D盤,之后輸入cnpm install。
D:\vue\vue-devtools-dev>cnpm install
下載時間比較長。
8.下載成功后接着輸入npm run build 出現如下界面表示成功
9.接着修改manifest.json 里persistent 字段 為true
10.如下
11.在Chrome中 打開地址chrome://extensions/ 將D:\vue\vue-devtools-dev\shells\chrome文件夾拖入Chrome中
12.至此插件才算安裝完成