天天看點

Vue_安裝vue-devtools1.vue-devtools 下載下傳2.vue-devtools安裝3.vue-devtools修改參數4.vue-devtools編譯報錯

1.vue-devtools 下載下傳

github下載下傳 vue-devtools  一定記得 下載下傳克隆master,不要下載下傳分支,畢竟送出人太多,版本太多,要選擇master

  https://github.com/vuejs/vue-devtools/tree/master

2.vue-devtools安裝

進入vue-devtools-master檔案夾下 進行npm install 安裝

3.vue-devtools修改參數

找到shells/chrome/manifest.json 檔案 修改 persistent:true。

然後 npm run build

4.vue-devtools編譯報錯

編譯插件vue-devtools,npm run build後報錯

npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] build: `cd shells/chrome && cross-env NODE_EN
V=production webpack --progress --hide-modules`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional log
ging output above.
 
npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\xlj\AppData\Roaming\npm-cache\_logs\2018-09-28T10_43_40_90
6Z-debug.log
 
E:\vue-dev\vue-devtools-dev>node -v
v10.8.0
           

按照網上的描述更新node,并沒有作用。

最新版本的 vue-devtools存在此問題,解決方式暫無找到,使用老版本的vue-devtools即可,成功在chrome添加

附上檔案位址

連結:https://pan.baidu.com/s/1aNsUjD3Hlk67kDHxojTrqw 

提取碼:73ep