vue-devTools(chrome调试插件)

戏子无情 提交于 2021-01-25 07:10:48

引用网址:https://www.cnblogs.com/yuqing6/p/7440549.html

一,安装

1.github下载

git clone https://github.com/vuejs/vue-devtools

2 进入目录使用命令行安装

cd vue-devtools
npm install

3修改manifest.json (  打开shells>chrome>src>manifest.json并把json文件里的"persistent":false改成true )

 

 4 编译代码

npm run build

5 拓展Chrome插件

Chrome浏览器 >  更多程序 > 拓展程序 

点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图

 

 

 

6. vue-devtools使用

vue项目, 打开f12, 选择vue就可以使用了.

vue是数据驱动的, 这样就能看到对应数据了, 方便我们进行调试

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!