Vue安装浏览器开发工具的步骤详解


Posted in Javascript onMay 12, 2019

开发vue时,浏览器有一个好的开发调试工具能让开发事半功倍,磨刀不误砍柴工。

步骤

1.下载工具

地址:  https://github.com/vuejs/vue-devtools 

2.安装依赖

cmd进入vue-devtools文件夹,安装相关依赖,依次执行npm install,再执行npm run build

3.修改配置

打开shells>chrome>src>manifest.json,修改”persistent”:false为true。

Vue安装浏览器开发工具的步骤详解

4.浏览器安装

经过前面几步,工具基本已经准备好了。接下来,打开浏览器。

· 打开里面的设置>点击拓展程序>点击开发者模式

· 再点击加载已解压的扩展程序,然后把shells>chrome这个文件夹加入即可。

Vue安装浏览器开发工具的步骤详解

5.测试

打开一个用vue开发的网页,打开chrome调试工具查看效果。

总结

以上所述是小编给大家介绍的Vue安装浏览器开发工具的步骤详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
jquery 表单下所有元素的隐藏
Jul 25 Javascript
Javascript 继承机制实例
Aug 12 Javascript
location.href用法总结(最主要的)
Dec 27 Javascript
jquery禁止输入数字以外的字符的示例(纯数字验证码)
Apr 10 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
Sep 11 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
Dec 17 Javascript
Express URL跳转(重定向)的实现方法
Apr 07 Javascript
Vue的百度地图插件尝试使用
Sep 06 Javascript
详解vue移动端项目的适配(以mint-ui为例)
Aug 17 Javascript
JS常见构造模式实例对比分析
Aug 27 Javascript
vue 实现滚动到底部翻页效果(pc端)
Jul 31 Javascript
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
Nov 27 Vue.js
微信小程序缓存过期时间的使用详情
May 12 #Javascript
从0到1搭建element后台框架优化篇(打包优化)
May 12 #Javascript
Vue项目服务器部署之子目录部署方法
May 12 #Javascript
vue配置接口域名方法总结
May 12 #Javascript
详解babel升级到7.X采坑总结
May 12 #Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
May 12 #Javascript
vue轻量级框架无法获取到vue对象解决方法
May 12 #Javascript
You might like
php中explode与split的区别介绍
2012/10/03 PHP
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
PHP中使用hidef扩展代替define提高性能
2015/04/09 PHP
利用php生成验证码
2017/02/23 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
Jquery 弹出层插件实现代码
2009/10/24 Javascript
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
jquery模拟LCD 时钟的html文件源代码
2014/06/16 Javascript
jQuery插件datalist实现很好看的input下拉列表
2015/07/14 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
2015/12/28 Javascript
jQuery实现立体式数字滚动条增加效果
2016/12/21 Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
2016/12/27 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
2017/01/03 Javascript
详解Angular2 之 结构型指令
2017/06/21 Javascript
JQuery常用简单动画操作方法回顾与总结
2019/12/07 jQuery
vue等两个接口都返回结果再执行下一步的实例
2020/09/08 Javascript
[51:53]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第二场 11.01
2020/11/02 DOTA
Python中__init__和__new__的区别详解
2014/07/09 Python
Python的math模块中的常用数学函数整理
2016/02/04 Python
python-str,list,set间的转换实例
2018/06/27 Python
python3 实现对图片进行局部切割的方法
2018/12/05 Python
Python模拟百度自动输入搜索功能的实例
2019/02/14 Python
使用Python+wxpy 找出微信里把你删除的好友实例
2019/02/21 Python
Python 实现判断图片格式并转换,将转换的图像存到生成的文件夹中
2020/01/13 Python
Django认证系统user对象实现过程解析
2020/03/02 Python
Xadmin+rules实现多选行权限方式(级联效果)
2020/04/07 Python
tensorflow实现将ckpt转pb文件的方法
2020/04/22 Python
五分钟学会HTML5的WebSocket协议
2019/11/22 HTML / CSS
经管应届生求职信
2013/11/17 职场文书
机关领导干部作风整顿整改措施
2014/09/19 职场文书
党员教师个人对照检查材料(群众路线)
2014/09/26 职场文书
乡镇党员群众路线教育实践活动对照检查材料思想汇报
2014/10/05 职场文书
党的群众路线教育实践活动总结材料
2014/10/30 职场文书
2014年卫生工作总结
2014/11/27 职场文书
2015年社区环境卫生工作总结
2015/04/21 职场文书
应急管理工作总结2015
2015/05/04 职场文书