一:去git下載壓縮文件的方式,失敗
地址https://github.com/vuejs/vue-devtools#vue-devtools
使用nmp run builder 提示
cross-env 不是內部或外部命令
解決辦法
執行 npm install 下載依賴初始化即可
繼續安裝提示,如下錯誤
解決方法
原因: 得要全局安裝
解決方案: npm install webpack-cli -g
問題解決
提示錯誤
失敗原因,直接下載的文件使用的dev分支,缺少 shell文件夾,需要使用master分支處理
二:使用cli的方式colone下來,解決
- 找到vue-devtools的github項目,並將其clone到本地
git clone https://github.com/vuejs/vue-devtools.git
- 利用命令
git checkout master
將分支切換到master分支 - 執行
npm install
- npm run build 成功執行,如圖
- 在google谷歌瀏覽器輸入chrome://extensions/ 打開擴展,選在 shell目錄下的google文件夾
- 安裝結束
- 發現vue.js is not detected ,可以調整一下webpack.config.js的代碼,
- 調整對應項目的信息如圖所示