什么是vue-devtools ?
vue-devtools是一款 chrome浏览器的插件,用于调试vue项目, 当我们检查项目时不需要手动修改代码, 直接在控制台vue-devtools 调试就可以看到效果。
安装方式
1.直接在chrome商店下载。(需要翻墙)
2.githup下载。
-
克隆源码
git clone https://github.com/vuejs/vue-devtools -
进入 vue-devtools文件夹,安装依赖
cd vue-devtools
npm install (觉得慢的话或者出错可以换淘宝镜像 cnpm install ) -
修改manifest.json文件
路径:
将 “persistent”:false 改成 true -
进入 vue-devtools文件夹
npm run build -
打开Chrome浏览器 > 更多程序 > 拓展程序
选择 vue-devtools > shells > chrome 拖入
文章来源: https://blog.csdn.net/MDZZ___/article/details/91791901