编程 Javascript

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安装浏览器开发工具的步骤详解，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

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

- Author -

Hans在路上

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript QueryString解析类代码

Jan 17 Javascript

offsetParent 算法分析

Apr 05 Javascript

前端开发必须知道的JS之原型和继承

Jul 06 Javascript

精心挑选的15个jQuery下拉菜单制作教程

Jun 15 Javascript

JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)

Aug 16 Javascript

jQuery异步加载数据并添加事件示例

Aug 24 Javascript

Extjs实现下拉菜单效果

Apr 01 Javascript

JQuery和PHP结合实现动态进度条上传显示

Nov 23 Javascript

Vue表单输入绑定的示例代码

Nov 01 Javascript

使用FormData实现上传多个文件

Dec 04 Javascript

Vue 实现从文件中获取文本信息的方法详解

Oct 16 Javascript

基于javascript处理二进制图片流过程详解

Jun 08 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开发工具之vs2005图解

2008/01/12 PHP

Blitz templates 最快的PHP模板引擎

2010/04/06 PHP

php获取当前网址url并替换参数或网址的方法

2010/06/06 PHP

PHP中构造函数和析构函数解析

2014/10/10 PHP

基于yaf框架和uploadify插件，做的一个导入excel文件，查看并保存数据的功能

2017/01/24 PHP

PHP中Laravel 关联查询返回错误id的解决方法

2017/04/01 PHP

从ThinkPHP3.2.3过渡到ThinkPHP5.0学习笔记图文详解

2019/04/03 PHP

php实现根据身份证获取精准年龄

2020/02/26 PHP

jQuery的one()方法用法实例

2015/01/19 Javascript

javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法

2015/05/13 Javascript

jQuery简单实现两级下拉菜单效果代码

2015/09/15 Javascript

jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)

2015/10/12 Javascript

JavaScript中获取HTML元素值的三种方法

2016/06/20 Javascript

Three.js学习之网格

2016/08/10 Javascript

Javascript中call，apply，bind方法的详解与总结

2016/12/12 Javascript

JavaScript闭包_动力节点Java学院整理

2017/06/27 Javascript

详解Angular5 路由传参的3种方法

2018/04/28 Javascript

JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例

2019/01/29 Javascript

layui插件表单验证提交触发提交的例子

2019/09/09 Javascript

Vuex的实战使用详解

2019/10/31 Javascript

Nuxt.js的路由跳转操作(页面跳转nuxt-link)

2020/11/06 Javascript

Python3内置模块pprint让打印比print更美观详解

2019/06/02 Python

python 发送json数据操作实例分析

2019/10/15 Python

Python 使用元类type创建类对象常见应用详解

2019/10/17 Python

Python semaphore evevt生产者消费者模型原理解析

2020/03/18 Python

如何把python项目部署到linux服务器

2020/08/26 Python

python speech模块的使用方法

2020/09/09 Python

Python用dilb提取照片上人脸的示例

2020/10/26 Python

python3爬虫中引用Queue的实例讲解

2020/11/24 Python

使用before和:after伪类制作css3圆形按钮

2014/04/08 HTML / CSS

全球知名巧克力品牌：Godiva

2016/07/22 全球购物

Tiqets荷兰：出售欧洲最美丽的景点和博物馆门票

2018/01/09 全球购物

西式结婚主持词

2014/03/14 职场文书

出差报告怎么写

2014/11/06 职场文书

会议欢迎词范文

2015/01/27 职场文书

出纳岗位职责

2015/01/31 职场文书