vue-devtools 安裝包下載地址:https://github.com/vuejs/vue-devtools.git
安裝步驟:
1、git clone https://github.com/vuejs/vue-devtools.git
2、cd vue
-devtool
s
3、npm install
4、npm run build
5、chrome中找到 更多工具 / 擴展程序 選項,勾選 開發者模式,然后點擊 加載已解壓的擴展程序,選擇vue-devtools\shells\chrome,確認
npm run build報錯
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vue-devtools@5.3.3 build: `cd packages/shell-chrome && webpack --progress --hide-modules` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the vue-devtools@5.3.3 build script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm WARN Local package.json exists, but node_modules missing, did you mean to install?``` 此原因是因為我們git clone時默認分支為最新的develop分支。develop是測試分支,不是正式分支,git時更換分支即可。 本人親測v5.1.1分支是可用的,估計再向前的分支也是可用,當然master分支更是可用。 正確獲取方法(使用分支:v5.1.1)
解決辦法:
切換到分支:v5.1.1再執行上面的步驟