编程 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 相关文章推荐

Autocomplete Textbox Example javascript实现自动完成成功

Aug 17 Javascript

一个轻量级的javascript库 pj介绍

Dec 19 Javascript

JQuery入门——用bind方法绑定事件处理函数应用介绍

Feb 05 Javascript

使用js解决由border属性引起的div宽度问题

Nov 26 Javascript

jQuery.lazyload+masonry改良图片瀑布流代码

Jun 20 Javascript

javascript实现按回车键切换焦点

Feb 09 Javascript

微信小程序自己制作小组件实例详解

Dec 22 Javascript

vue父子组件的数据传递示例

Mar 07 Javascript

Vue项目中使用better-scroll实现一个轮播图自动播放功能

Dec 03 Javascript

javascript中的数据类型检测方法详解

Aug 07 Javascript

node.js中stream流中可读流和可写流的实现与使用方法实例分析

Feb 13 Javascript

vue项目使用$router.go(-1)返回时刷新原来的界面操作

Jul 26 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

写一个用户在线显示的程序

2006/10/09 PHP

谨慎使用PHP的引用原因分析

2012/09/06 PHP

Yii全局函数用法示例

2017/01/22 PHP

Yii2实现跨mysql数据库关联查询排序功能代码

2017/02/10 PHP

thinkPHP5.0框架应用请求生命周期分析

2017/03/25 PHP

PHP生成随机数的方法总结

2018/03/01 PHP

php 读取文件夹下所有图片、文件的实例

2018/10/17 PHP

PHP7内核CGI与FastCGI详解

2019/04/14 PHP

iframe里面的元素触发父窗口元素事件的jquery代码

2014/10/19 Javascript

jQuery实现圣诞节礼物传送（花式轮播）

2016/12/25 Javascript

layer弹出层中H5播放器全屏出错的解决方法

2017/02/21 Javascript

JavaScript之排序函数_动力节点Java学院整理

2017/06/30 Javascript

JS传播事件、取消事件默认行为、阻止事件传播详解

2017/08/14 Javascript

浏览器调试动态js脚本的方法(图解)

2018/01/19 Javascript

vue组件实现弹出框点击显示隐藏效果

2020/10/26 Javascript

微信小程序非跳转式组件授权登录的方法示例

2019/05/22 Javascript

js实现百度登录窗口拖拽效果

2020/03/19 Javascript

Python牛刀小试密码爆破

2011/02/03 Python

Python os模块介绍

2014/11/30 Python

Python os.access()用法实例

2019/02/18 Python

下载官网python并安装的步骤详解

2019/10/12 Python

Python单元测试模块doctest的具体使用

2020/02/10 Python

python模拟点击网页按钮实现方法

2020/02/25 Python

如何使用python记录室友的抖音在线时间

2020/06/29 Python

Python直接赋值及深浅拷贝原理详解

2020/09/05 Python

一套VC试题

2015/01/23 面试题

Linux上比较文件的命令都有哪些

2012/02/24 面试题

美容院考勤制度

2014/01/30 职场文书

幼儿园儿童节主持词

2014/03/21 职场文书

村干部承诺书

2014/03/28 职场文书

槐乡的孩子教学反思

2014/04/27 职场文书

六查六看自检自查剖析材料

2014/10/14 职场文书

2015年春节标语口号

2014/12/09 职场文书

党支部评议意见

2015/06/02 职场文书

如何用python插入独创性声明

2021/03/31 Python

SpringBoot深入分析讲解监听器模式下

2022/07/15 Java/Android