Win10系统安装vue-devtools调试工具

595 阅读1分钟

1、在github上下载devtools源码,地址:github.com/vuejs/vue-d… 如下目录:

image.png

2、进入vue-devtools工程,执行npm install或者yarn run build 都出现如下问题:

image.png

3、网上查了一圈资料,后面使用v5.1.1版本,链接如下: github.com/vuejs/vue-d…

4、执行npm install

image.png

npm run build


image.png

安装成功了

image.png

5、打开谷歌浏览器,进入扩展程序,开启开发者选项

image.png

6、把shells下面的chrome目录拖拽到浏览器中,插件即可安装成功

image.png

image.png

这样vue项目就可以使用vue-devtools调试工具啦

image.png