Vue开发工具——Vue-devtools安装全流程

1. 找到vue-devtools的github项目，并将其clone到本地【Github传送门】

2. 确保已经配置好Vue开发环境，cd到vue-devtools项目目录下，安装项目所需要的npm包（npm install 或 cnpm install）

3．修改vue-devtools/shells/chrome/manifest.json文件，把"persistent":false改成true

（shells>chrome文件夹下的mainifest.json）

4. 编译项目文件（npm run build）

5. 添加至chrome浏览器

浏览器输入地址chrome://extensions/进入扩展程序页面，勾选开发者模式，点击“加载已解压的扩展程序...”按钮，选择vue-devtools>shells下的chrome文件夹。（安装完成如下：）

6. 启动一个Vue项目,按F12打开chorme浏览器的开发者模式，切换到Vue一栏即可。