vue-devtools安装报错解决过程

安装步骤:

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分支后再执行上述步骤成功。

你可能感兴趣的:(vue-devtools安装报错解决过程)