您的位置:首页 > 产品设计 > UI/UE

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

2017-09-13 16:40 741 查看
下载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项目的调试

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: