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 相关文章推荐
js 实现复制到粘贴板的功能代码
May 13 Javascript
JavaScript 继承使用分析
May 12 Javascript
JS 控件事件小结
Oct 31 Javascript
url参数中有+、空格、=、%、&、#等特殊符号的问题解决
May 15 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
Sep 25 Javascript
通过点击jqgrid表格弹出需要的表格数据
Dec 02 Javascript
js移动焦点到最后位置的简单方法
Nov 25 Javascript
详解如何使用webpack+es6开发angular1.x
Aug 16 Javascript
angular5 httpclient的示例实战
Mar 12 Javascript
解决vue中虚拟dom,无法实时更新的问题
Sep 15 Javascript
在Vue中用canvas实现二维码和图片合成海报的方法
Jun 10 Javascript
JS实现4位随机验证码
Oct 19 Javascript
微信小程序缓存过期时间的使用详情
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代码
2012/06/08 PHP
PHP入门教程之数组用法汇总(创建,删除,遍历,排序等)
2016/09/11 PHP
php 获取xml接口数据的处理方法
2018/05/31 PHP
js设置cookie过期及清除浏览器对应名称的cookie
2013/10/24 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
javascript常见用法总结
2014/05/22 Javascript
js交换排序 冒泡排序算法(Javascript版)
2014/10/04 Javascript
有关jquery与DOM节点操作方法和属性记录
2016/04/15 Javascript
js 将input框中的输入自动转化成半角大写(税号输入框)
2017/02/16 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
2017/03/02 Javascript
老生常谈js中0到底是 true 还是 false
2017/03/08 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
2017/05/08 Javascript
微信小程序实现换肤功能
2018/03/14 Javascript
简单介绍react redux的中间件的使用
2018/04/06 Javascript
Vue 无限滚动加载指令实现方法
2019/05/28 Javascript
axios如何取消重复无用的请求详解
2019/12/15 Javascript
基于Vue.js+Nuxt开发自定义弹出层组件
2020/10/09 Javascript
Python入门篇之正则表达式
2014/10/20 Python
Python的Tornado框架实现异步非阻塞访问数据库的示例
2016/06/30 Python
Python 专题五 列表基础知识(二维list排序、获取下标和处理txt文本实例)
2017/03/20 Python
利用python批量修改word文件名的方法示例
2017/10/17 Python
简单谈谈Python的pycurl模块
2018/04/07 Python
python爱心表白 每天都是浪漫七夕!
2018/08/18 Python
pygame库实现俄罗斯方块小游戏
2019/10/29 Python
Maisons du Monde德国:法国家具和装饰的市场领导者
2019/07/26 全球购物
介绍一下Python下range()函数的用法
2013/11/07 面试题
初三物理教学反思
2014/01/21 职场文书
工程专业求职自荐书范文
2014/02/08 职场文书
2015年党员创先争优承诺书
2015/01/22 职场文书
清洁工个人总结
2015/03/04 职场文书
本科毕业论文致谢词
2015/05/14 职场文书
离婚答辩状范文
2015/05/22 职场文书
辞职信怎么写?
2019/05/21 职场文书
Python爬虫爬取全球疫情数据并存储到mysql数据库的步骤
2021/03/29 Python
Mysql效率优化定位较低sql的两种方式
2021/05/26 MySQL
Python实现抖音热搜定时爬取功能
2022/03/16 Python