vue-devtools的安装和使用步骤详解


Posted in Javascript onOctober 17, 2019

1、下载压缩包,github下载地址:https://github.com/vuejs/vue-devtools

vue-devtools的安装和使用步骤详解

 2、解压此文件夹

3、用命令提示符或编译器进入此文件夹

4、在文件夹下依次运行(可以在命令提示符窗口也可在编译器中):

  I、npm install安装所需要的依赖

 II、npm run build构建(如果未执行此步,shells->chrome文件夹下会缺少build文件夹)

vue-devtools的安装和使用步骤详解

5、在shells->chrome->manifest.json文件中修改 background 下 persistent 的值为 true

vue-devtools的安装和使用步骤详解

 6、在chrome浏览器中找到设置->扩展程序,然后开启开发者模式,将插件中shells文件夹下的chrome文件夹直接拖到开启了开发模式的扩展程序页面,完成安装。

vue-devtools的安装和使用步骤详解

 7、在插件文件目录下运行npm run dev,至此插件已成功安装,打开本地localhost:8080就可以看到插件成功安装并运行。

vue-devtools的安装和使用步骤详解

8、用chrome浏览器打开本地的其他项目,就可以看到浏览器已成功的安装了vue-devtools,可以用浏览器去调试vue项目啦。(此时不需要再在插件文件夹下运行npm run dev)

vue-devtools的安装和使用步骤详解

以上就是本次关于vue-devtools的安装和使用的全部知识点内容,感谢大家的学习和对三水点靠木的支持。

Javascript 相关文章推荐
prototype.js的Ajax对象
Sep 23 Javascript
用JQuery 实现的自定义对话框
Mar 24 Javascript
CSS+Jquery实现页面圆角框方法大全
Dec 24 Javascript
YUI模块开发原理详解
Nov 18 Javascript
jQuery控制TR显示隐藏的三种常用方法
Aug 21 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
Nov 20 Javascript
javascript实现在指定元素中垂直水平居中
Sep 13 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
Jun 12 Javascript
es6 字符串String的扩展(实例讲解)
Aug 03 Javascript
axios取消请求的实践记录分享
Sep 26 Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
Jul 29 Javascript
原生JavaScript实现随机点名表
Jan 14 Javascript
express中static中间件的具体使用方法
Oct 17 #Javascript
在Express中提供静态文件的实现方法
Oct 17 #Javascript
微信小程序一周时间表功能实现
Oct 17 #Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
Oct 17 #Javascript
JS工厂模式开发实践案例分析
Oct 17 #Javascript
小程序input数据双向绑定实现方法
Oct 17 #Javascript
mpvue实现小程序签到金币掉落动画(api实现)
Oct 17 #Javascript
You might like
WINDOWS服务器安装多套PHP的另类解决方案
2006/10/09 PHP
Fatal error: Call to undefined function curl_init()解决方法
2010/04/09 PHP
php使用ICQ网关发送手机短信
2013/10/30 PHP
php实现的替换敏感字符串类实例
2014/09/22 PHP
PHP设计模式之简单投诉页面实例
2016/02/24 PHP
php 二维数组时间排序实现代码
2016/11/19 PHP
jquery实现table鼠标经过变色代码
2013/09/25 Javascript
可插入图片的TEXT文本框
2013/12/27 Javascript
JQuery EasyUI的使用
2016/02/24 Javascript
jQuery中设置form表单中action值的实现方法
2016/05/25 Javascript
JavaScript 对象字面量讲解
2016/06/06 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
2016/12/19 Javascript
使用vue.js编写蓝色拼图小游戏
2017/03/17 Javascript
使用json-server简单完成CRUD模拟后台数据的方法
2018/07/12 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
2018/08/28 Javascript
JavaScript的变量声明与声明提前用法实例分析
2019/11/26 Javascript
jquery.validate自定义验证用法实例分析【成功提示与择要提示】
2020/06/06 jQuery
[50:50]完美世界DOTA2联赛PWL S3 Galaxy Racer vs Phoenix 第一场 12.10
2020/12/13 DOTA
Python中的Classes和Metaclasses详解
2015/04/02 Python
编写自定义的Django模板加载器的简单示例
2015/07/21 Python
浅谈Python浅拷贝、深拷贝及引用机制
2016/12/15 Python
tensorflow 恢复指定层与不同层指定不同学习率的方法
2018/07/26 Python
python中eval与int的区别浅析
2019/08/11 Python
Python 利用高德地图api实现经纬度与地址的批量转换
2019/08/14 Python
python中的itertools的使用详解
2020/01/13 Python
python 生成器需注意的小问题
2020/09/29 Python
Python爬虫设置Cookie解决网站拦截并爬取蚂蚁短租的问题
2021/02/22 Python
纪念建党演讲稿范文
2014/01/13 职场文书
精通CAD能手自荐书
2014/01/31 职场文书
电气个人求职信范文
2014/02/04 职场文书
大家访活动实施方案
2014/03/10 职场文书
党旗在我心中演讲稿
2014/09/15 职场文书
SqlServer: 如何更改表的文件组?(进而改变存储位置)
2021/04/05 SQL Server
postgresql使用filter进行多维度聚合的解决方法
2021/07/16 PostgreSQL
Vue3中的Refs和Ref详情
2021/11/11 Vue.js
SQL Server使用T-SQL语句批处理
2022/05/20 SQL Server