安装vue开发调试神器vue-devtools

下载chrome扩展插件
GitHub下载地址：
https://github.com/vuejs/vue-devtools

使用cnpm代替npm按照依赖包了，npm安装依赖包确实太慢了…
cnpm安装查看上篇文章

下载chrome扩展插件完成后打开命令行cmd进入vue-devtools文件夹,输入命令

cnpm install

如果在安装时报错

[fsevents@^1.0.0] optional install error: Package require os(darwin) not compatible with your platform(win32)

cnmp安装过程中问题: http://www.jianshu.com/p/dbdec7ea220d

输入命令

npm update

输入命令

cnpm run build

期间如图全是红色错误,将下载的vue-devtools-master Chrome插件删除,重新再一遍就好了

将C:\t00l\vueTool\vue-devtools-master\shells\chrome\manifest.json 文件的”persistent”:false改成true

添加chrome扩展插件

1.打开chrome浏览器，右上角三个点>更多工具>扩展程序

2.再点击加载已解压的扩展程序，然后选择C:\t00l\vueTool\vue-devtools-master\shells\chrome文件夹

最后打开个vue写的项目，f12打开调试工具即可进行vue项目的调试