安装步骤:
1.git clone https://github.com/vuejs/vue-devtools.git
2.cd vue-devtools
3.npm install
4.npm run build
5.chrome中找到 更多工具 / 扩展程序 选项,勾选 开发者模式,然后点击 加载已解压的扩展程序,选择vue-devtools\shells\chrome,确认
安装过程中遇到的问题:
第3步: npm install后修改manifest.json文件:把"persistent":false改成true,发现路径为**\vue-devtools\packages\shell-chrome\manifest.json.
第四步:npm run build之后报错,'webpack' is not recognized as an internal or external command...,判断可能没有安装webpack,安装webpack后提示安装webpack-cli,还是不成功。。
重新安装
rm -rf node_modules
rm package-lock.json
npm cache clear --force
npm install
不成功。。
后百度参考文章https://www.cnblogs.com/junechen/p/14025416.html,由于git clone时默认分支为最新的develop分支。develop是测试分支,不是正式分支,git时更换分支即可。因此切换到master分支后再执行上述步骤成功。