vue开发神器vue-devtools安装

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

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

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

cnpm install
1

如果在安装时报错

[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
1

输入命令

cnpm run build
1

期间如图全是红色错误,将下载的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项目的调试

————————————————
版权声明：本文为CSDN博主「aisinilehehe」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/liu911025/article/details/77967675