Vue调试工具vue-devtools的安装和使用方式
2019-01-30 16:37
399 查看
1.下载(vue-devtools下载的是最新版本)。
git clone https://github.com/vuejs/vue-devtools
2.打开vue-devtools所在路径
cd vue-devtools npm install***
备注:使用该v5.0.0版本,会出现报错,如图
3. 改用低版本的v4版
第一步:打开vue-devtools的git地址https://github.com/vuejs/vue-devtools/releases,并下载压缩包,操作如图:
第二步: 下载完成并解压缩后,进入该文件目录
cd vue-devtools-4.1.5 npm install // 如果该方法下载的慢可以改成 cnpm install
第三步: 编译代码
npm run build
编译成功,如图:
第四步:打开goole浏览器
1.浏览器打开 chrome://extensions/,或者打开更多工具->扩展程序->打开开发者模式。
2.将vue-devtools-4.1.5下的shells,找到chrome 拖到扩展程序中,结果如图。
第五步:关闭浏览器,再次打开,打开vue项目
*******安装完成啦!!✌️
相关文章推荐
- vue教程3-04 vue.js vue-devtools 调试工具的下载安装和使用
- Vue调试工具vue-devtools安装及使用
- vue调试工具vue-devtools安装及使用方法
- vue调试工具vue-devtools安装及使用
- vue-devtools调试工具安装
- Vue开发前端神器工具vue-devtools谷歌插件下载,和安装使用
- vue调试工具vue-devtools的安装
- 安装vue调试工具vue-devtools
- vue调试工具vue-devtools的安装
- vue调试工具vue-devtools的安装
- vue调试工具vue-devtools的安装
- vue调试工具vue -devtools的安装
- java 性能调试工具jprofiler安装和使用
- 【开发工具】iOS真机调试抓包工具Charles安装及使用
- 使用 Chrome 开发工具调试异步 JavaScript(Debugging Asynchronous JavaScript with Chrome DevTools)
- npm 安装React Devtools调试工具
- redux 调试工具安装及使用
- 使用PC的adb工具通过wifi(TCP方式)调试安卓设备
- Vue中devtools安装使用
- http协议调试代理工具Fiddler的简单安装和使用