安装vue开发调试神器vue-devtools
2017-09-13 16:40
741 查看
下载chrome扩展插件
GitHub下载地址:
https://github.com/vuejs/vue-devtools
使用cnpm代替npm按照依赖包了,npm安装依赖包确实太慢了…
cnpm安装查看上篇文章
下载
如果在安装时报错
[fsevents@^1.0.0] optional install error: Package require os(darwin) not compatible with your platform(win32)
cnmp安装过程中问题: http://www.jianshu.com/p/dbdec7ea220d
输入命令
输入命令
期间如图全是红色错误,将下载的
将
添加chrome扩展插件
1.打开chrome浏览器,右上角三个点>更多工具>扩展程序
2.再点击加载已解压的扩展程序,然后选择
最后打开个vue写的项目,f12打开调试工具即可进行vue项目的调试
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-masterChrome插件删除,重新再一遍就好了
将
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项目的调试
相关文章推荐
- Vue调试神器vue-devtools安装方法
- vue.js开发神器devtools的安装方法
- Vue调试神器vue-devtools安装
- Vue调试神器vue-devtools安装
- Re:从零开始的实习生活05----vue调试神器vue-devtools安装
- Vue调试神器vue-devtools安装
- Vue调试神器vue-devtools安装
- vue开发调试神器vue-devtools使用详解
- Vue调试神器vue-devtools安装
- vue教程3-04 vue.js vue-devtools 调试工具的下载安装和使用
- vue-devtools vue开发调试神器
- Weex开发调试神器——Weex Devtools
- vue调试工具vue-devtools的安装
- Vue调试工具vue-devtools安装及使用
- vue开发:详解vue.js的devtools安装
- vue调试工具vue-devtools安装及使用方法
- 安装vue调试工具vue-devtools
- vue调试工具vue-devtools的安装
- 在Linux下安装android开发环境并以USB调试方式链接手机进行开发
- Mac和Xcode的第一次历险,成功在PC上安装iphone开发环境记(可在iphone或ipod touch真机上运行调试)