美文网首页
Vue-devtools安装

Vue-devtools安装

作者: zhouhao_180 | 来源:发表于2019-06-14 21:24 被阅读0次

方法一:

1、下载安装包到本地
https://github.com/vuejs/vue-devtools

2、打开下载好的文件夹,按住shift + 鼠标右键 ,选择 在此处打开Powershell窗口

3、执行命令 npm install

4、执行命令 npm run build

这一步一定不要忘了,没有执行这一步的话,项目文件夹shells>chrome文件夹里会少一个src文件夹,这里会报错:无法加载背景脚本"build/background.js"

5、打开chrome扩展程序页面(或者浏览器输入地址“chrome://extensions/”进入)

6、打开右上角的 开发者模式 按钮

7、点击加载已解压的扩展程序, 然后选中 choose shells/chrome.


8、选中vue-devtools-dev / shells / chrome 文件夹。
微信截图_20190614211211.png

使用:
1> 在vue-devtools文件夹下执行npm run dev
在浏览器打开localhost:8100,然后打开F12,就可以看到了

相关文章

网友评论

      本文标题:Vue-devtools安装

      本文链接:https://www.haomeiwen.com/subject/osxufctx.html