一,安装:

1.到github下载地址下载devtools:https://github.com/vuejs/vue-devtools

vue调试工具devtools的安装和使用

2.进入目录vue-devtools-dev项目,执行:npm install

3.执行npm run build

4.进入shells的chrome,修改manifest.json 中的persistent为true

vue调试工具devtools的安装和使用

5.打开谷歌:chrome://extensions/ 拓展程序

vue调试工具devtools的安装和使用

6.打开开发者模式,拖动shells下的chrome文件到谷歌拓展程序页面

vue调试工具devtools的安装和使用

至此完成vue.js devtools安装

二,使用:

在vue.js devtools安装完成后,运行你的vue项目,打开F12可在Elements一栏最后看见Vue项,点击Vue便可开始使用了

vue调试工具devtools的安装和使用

 

相关文章:

  • 2021-11-18
  • 2022-02-07
  • 2021-11-14
  • 2021-08-04
猜你喜欢
  • 2022-12-23
  • 2021-05-17
  • 2022-01-07
  • 2021-05-12
  • 2021-12-12
相关资源
相似解决方案