vue-devtools调试工具安装
2018-10-08 20:01
369 查看
chrome浏览器安装vue-devtools插件
由于vue是数据驱动的,所以这就存在在开发调试中查看DOM结构并不能解析出什么。但是借助vue-devtools插件,我们就可以很容易的对数据结构进行解析和调试
1. 准备:
vue-devtools插件下载地址:https://github.com/vuejs/vue-devtools
我下载的是vue-devtools-4.1.5
node.js环境
2. 安装步骤
1)github上下载vue-devtools压缩包并解压到某一目录下,如D:\vue devtools\vue-devtools-4.1.5
2)命令提示符进入该目录vue-devtools-4.1.5
3)执行npm install (需node.js环境,执行过程有点长)
4)执行成功后,再执行npm run build
5)修改shells/chrome目录下(D:\vue devtools\vue-devtools-4.1.5\shells\chrome)的manifest.json文件,"persistent": true
6)chrome浏览器——更多工具——拓展程序,打开开发者模式,加载已解压的拓展程序,选择chrome文件夹
3. 使用
阅读更多
相关文章推荐
- vue调试工具vue-devtools安装及使用方法
- vue调试工具vue-devtools的安装
- vue调试工具vue-devtools的安装
- 安装vue调试工具vue-devtools
- vue教程3-04 vue.js vue-devtools 调试工具的下载安装和使用
- Vue调试工具vue-devtools安装及使用
- vue调试工具vue -devtools的安装
- vue调试工具vue-devtools的安装
- chrome 安装vue调试工具方法(vue.js devtools)
- vue-devtools chrome调试工具
- Vue调试神器vue-devtools安装
- chrome安装vue调试工具
- 安装Vue Devtools调试工具和Vue命令行工具
- Vue调试神器vue-devtools安装
- vue的调试工具Vue-devtools
- Vue调试神器vue-devtools安装
- vue.js 调试工具的安装
- 安装vue开发调试神器vue-devtools
- Vue调试神器vue-devtools安装