1.没有安装Git工具的
到github直接下载vue-devtools调试工具地址 :https://github.com/vuejs/vue-devtools
1.1有安装Git工具
Git输入git clone https://github.com/vuejs/vue-devtools.git
可以看到我已经把vue-devtools项目克隆下来了
3.先g:
进到文件的盘符(看你vue-devtools文件放在哪个盘符),我的放在了G盘,
然后cd vue-devtools
进入文件夹,然后命令 npm install
加载依赖包资源(也可以用cnpm install
)
4.找到manifest.json文件
文件路径在vue-devtools > shells > chrome文件
5.打开manifest.json文件将里面的"persistent": false改成true
6.使用命令 npm run build
打包
7.扩展Chrome插件
Chrome浏览器 > 更多程序 > 拓展程序
点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图
8. vue-devtools使用
打开vue项目, 打开f12, 选择vue就可以使用了.