vue调试工具vue-devtools安装及使用
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用。
工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧。
1.到github下载:git clone https://github.com/vuejs/vue-...
2.在vue-devtools目录下安装依赖包:
- cmd中打开刚刚克隆文件的目录下:(比如我的:F:codevuevue-devtools-master)
- 在该目录下安装:npm install
3.修改manifest.json文件
- 将代码中 "persistent":false改成true
4.安装完成后同在该目录(比如我的:F:codevuevue-devtools-master)下npm run build
5.扩展Chrome插件
- Chrome浏览器 > 更多程序 > 拓展程序
- 点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图
- vue-devtools使用
打开vue项目, 打开f12, 选择vue就可以使用了.
vue是数据驱动的, 这样就能看到对应数据了, 方便我们进行调试 :
vue调试工具vue-devtools安装及使用相关推荐
- Vue调试工具 vue-devtools的安装
扩展程序查看地址:chrome://extensions/ 1.访问https://chrome.google.com/webstore/category/extensions?hl=zh-CN(谷歌 ...
- Vue第二天学习总结—— Vue全家桶之组件化开发(组件化开发思想、组件注册、Vue调试工具用法、组件间数据交互传递、组件插槽、基于组件的案例——购物车)
(一) 组件化开发思想 1. 现实中的组件化思想体现 组件化即是对某些可以进行复用的功能进行封装的标准化工作 标准:要想组件能够成功组合在一起,每个组件必须要有标准 分治:将不同的功能封装到不同的组件 ...
- Chrome浏览器-vue调试工具dev-tools安装
vue调试工具dev-tools安装 git bash 管理端执行相关命令 # 下载源码 git clone https://github.com/vuejs/vue-devtools.git # 进 ...
- Vue 调试工具 vue-devtools 安装及使用
笔记来源:拉勾教育 大前端高薪训练营 在 Chrome 浏览器上安装 Vue Devtools 工具 下载 Devtools 安装 Devtools 修改 mainifest.json Chrome ...
- Vue Devtools安装(谷歌浏览器插件:)
vue安装: # 最新稳定版 $ npm install vue # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新 ...
- Vue调试工具的安装方法(动动鼠标就完成,不会意外报错,超爽~)
Vue调试工具的安装方法 1. 打开谷歌浏览器的网上应用商店并搜索 谷歌浏览器的网上应用商店 https://chrome.google.com/webstore/category/extension ...
- 通过chrome应用商店安装vue调试工具
自己在vue官网上面用git安装vue安装包之后,遇到了各种安装问题,比如npm run build 直接报错,解决问题也没有找到后,自己在搜索了b站上面的一个安装vue调试工具的教程之后,发现可以通 ...
- 怎么看vue中某个插件是否安装成功_如何在谷歌中查看VUEX(谷歌浏览器中安装 vue调试工具 vue-devtools)...
本次介绍了两种方法,第一种方法略微复杂,想追求效率的请查看第二种. 20200214141007961.png 如果你在使用vue开发项目 浏览器中没有安装vue调试工具 显然不能算是一个合格的vue ...
- Vue调试工具的安装
Vue调试工具的安装 第一种方法: 1.chrome浏览器输入地址"chrome://extensions/"进入扩展程序页面 2.点击右上角按钮,勾选开发者模式 3.点击&quo ...
最新文章
- 笔记本电脑显卡cuda_准大学生必看~千万别乱买,建议不同专业选择不同款式的笔记本电脑!...
- django html数据库连接,Django数据库连接的问题
- MongoDB学习笔记二—Shell操作
- 河南理工大学计算机学院课表,河南理工大学实验课课程表.doc
- 【Kafka】Kafka topic 的消费组 出现 CURRENT_OFFSET 为 unknown
- 创业是一个高风险高收入的行业
- Exchange 2010 SP2 新功能
- 史上最全VPS+云服务器运维面板汇总(收藏)
- 鸿蒙系统视频美颜,BeautyCam美颜相机
- 使用电脑风扇控制软件Macs Fan Control Pro更好的管理电风扇
- empty怎么发音_英语单词empty怎么读,empty的音标是什么,empty是什么意思 - 音标网...
- JAVA基础---函数式接口、Stream流
- 亿级流量 即时通讯IM系统 设计详解(全)
- Python爬取哔哩哔哩实时直播弹幕
- 骑行从脚下,健康你我他之第一篇-----杭城骑行路线参考图
- 高考631能上什么好的计算机学校,2021年高考631分左右能上什么大学(100所)
- Matlab求向量的模——速度比较
- 四阶行列式计算_【免费专题课】线代之行列式的计算
- vue3 watch监听在组件初次加载的时候执行
- 怎么修改APP的服务器,安装app后怎么修改服务器地址
热门文章
- 平衡二叉树及其操作实现_平衡二叉树(AVL树)及C语言实现
- php 按 截取字符串,PHP按符号截取字符串的指定部分
- 脱式计算机在线使用,脱式计算,
- git 拉取远端仓库_Git : 建立自己的本地仓库,并拉取远程代码
- 图像处理:matplotlib
- 【每周CV论文】初学实例分割需要读哪些文章?
- 【直播课】6小时教你掌握轻量级网络,在安卓部署第一个深度学习模型
- 【阿里云课程】1小时快速掌握Caffe核心功能,完成完整的项目实践
- 【图像分割模型】BRNN下的RGB-D分割—LSTM-CF
- 【完结】优秀的深度学习从业者都有哪些优秀的习惯