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 相关文章推荐
麦鸡的TAB切换功能结合了javascript和css
Dec 17 Javascript
jQuery的实现原理的模拟代码 -3 事件处理
Aug 03 Javascript
引用外部js乱码问题分析及解决方案
Apr 12 Javascript
jquery插件validate验证的小例子
May 08 Javascript
Json按某个键的值进行排序
Dec 22 Javascript
微信扫码支付零云插件版实例详解
Apr 26 Javascript
vue实现导航栏效果(选中状态刷新不消失)
Dec 13 Javascript
分享5个小技巧让你写出更好的 JavaScript 条件语句
Oct 20 Javascript
p5.js临摹旋转爱心
Oct 23 Javascript
vue-cli3 取消eslint校验代码的解决办法
Jan 16 Javascript
JavaScript ECMA-262-3 深入解析(二):变量对象实例详解
Apr 25 Javascript
vue3不同环境下实现配置代理
May 25 Vue.js
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
BBS(php & mysql)完整版(七)
2006/10/09 PHP
文件上传程序的全部源码
2006/10/09 PHP
php中记录用户访问过的产品,在cookie记录产品id,id取得产品信息
2011/05/04 PHP
浅谈PHP调用Webservice思路及源码分享
2014/06/04 PHP
PHP赋值的内部是如何跑的详解
2019/01/13 PHP
PHP+redis实现微博的拉模型案例详解
2019/07/10 PHP
extjs grid设置某列背景颜色和字体颜色的实现方法
2010/09/06 Javascript
Moment.js 不容错过的超棒Javascript日期处理类库
2012/04/15 Javascript
jQuery实现div浮动层跟随页面滚动效果
2014/02/11 Javascript
javascript检测浏览器的缩放状态实现代码
2014/09/28 Javascript
Bootstrap 布局组件(全)
2016/07/18 Javascript
Node.js下自定义错误类型详解
2016/10/17 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
2017/07/12 jQuery
JS 中document.write()的用法和清空的原因浅析
2017/12/04 Javascript
JS 图片压缩原理与实现方法详解
2020/04/29 Javascript
Python中super函数的用法
2017/11/17 Python
Python实现定时精度可调节的定时器
2018/04/15 Python
详解Django中间件的5种自定义方法
2018/07/26 Python
python配置grpc环境
2019/01/01 Python
Python函数参数匹配模型通用规则keyword-only参数详解
2019/06/10 Python
python按比例随机切分数据的实现
2019/07/11 Python
Tensorflow 多线程设置方式
2020/02/06 Python
python logging通过json文件配置的步骤
2020/04/27 Python
使用python实现CGI环境搭建过程解析
2020/04/28 Python
Python-jenkins模块之folder相关操作介绍
2020/05/12 Python
优秀研究生自我鉴定
2013/12/04 职场文书
季度思想汇报
2014/01/01 职场文书
家长给幼儿园的表扬信
2014/01/09 职场文书
四好少年事迹材料
2014/01/12 职场文书
大学生咖啡店创业计划书
2014/01/21 职场文书
追悼会主持词
2014/03/20 职场文书
学校查摆问题整改措施
2014/09/28 职场文书
2015年推普周活动总结
2015/03/27 职场文书
2015年小学体育工作总结
2015/05/22 职场文书
Python+Pillow+Pytesseract实现验证码识别
2022/05/11 Python
HTML页面中使两个div并排显示的实现
2022/05/15 HTML / CSS