Vue开发工具——Vue-devtools

vue-devtools下载

1、找到vue-devtoolshttps://github.com/vuejs/vue-devtools/tree/master，选择master，下载Download ZIP。

最新的用这个

vue-devtools生产可用文件

2、解压vue-devtools-master，并用V-Code打开

	依次运行
	cnpm install （npm install 较慢） 
	npm run build 
	结果如图：

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

安装vue-devtools

4.扩展Chrome插件

打开Chrome浏览器 >选择更多工具>扩展程序 >打开开发者模式

点击加载已解压的扩展程序, 找到刚才生成的chrome文件夹，选择 vue-devtools > shells > chrome 放入, 安装成功如下图

验证vue-devtools

5、随便打开一个VUE开发的工程，并运行，用谷歌浏览器打开，结果如下：

结束语

6、第一次写博客，正在学习VUE，知识来源于网络，回归于网络。