vue.js的devtools安装

安装

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

2.下载好后进入vue-devtools-master工程 执行npm install —–>npm run build.

3.修改manifest.json 中的persistent为true

左侧是mainfest.json所在的文件夹目录vue-devtools-master\shells\chrome\mainfest.json

4.打开谷歌浏览器设置—>扩展程序–》勾选开发者模式—》添加工程中的shells–>chrome的内容或者直接拖动shells–>chrome，至此恭喜已经安装成功！！！



5.打开自己的vue项目中，如果是有vue-cli构建的项目，执行npm run dev,打开http://localhost:8080/ 服务器调试地址；至此完成devtools的安装；

vue中config配置的端口默认是8080，自己可以修改端口地址。