vue devtools的安装与使用教程


Posted in Javascript onAugust 08, 2018

一.在github上下载压缩包,github下载地址:https://github.com/vuejs/vue-devtools

二.解压到本地的某盘

三.用你的npm中进入该文件夹下

四.依次输:

1:npm install

2:npm run build         (这一步一定不要忘了,没有执行这一步的话,项目文件夹shells>chrome文件夹里会少一个src文件夹,如下图)

vue devtools的安装与使用教程

五:修改shells>chrome文件夹下的mainifest.json 中的persistant为true

vue devtools的安装与使用教程

六:我们找到谷歌浏览器的扩展程序功能,勾选开发者模式,然后我们将插件文件夹里的shells>chorme文件夹直接拖到页面中,完成安装。

(注意:如果我们没有执行第四部的npm run build,在这里会报错:无法加载背景脚本"build/background.js")

七:在插件的目录下执行npm run dev,这个时候我们的插件就可以运行了,打开localhost:8080可以看到插件已经安装并运行了。

vue devtools的安装与使用教程

八:我们在打开本地的其他项目时,就不需要在vue-devtools文件夹下执行npm run dev了,因为这个插件已经安装在浏览器中。接下来就愉快的调试你的vue项目吧。

总结

以上所述是小编给大家介绍的vue devtools的安装与使用教程,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
使用jquery为table动态添加行的实现代码
Mar 30 Javascript
原生js获取宽高与jquery获取宽高的方法关系对比
Apr 04 Javascript
自己用jQuery写了一个图片的马赛克消失效果
May 04 Javascript
简单方法判断JavaScript对象为null或者属性为空
Sep 26 Javascript
常见的javascript跨域通信方法
Dec 31 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
Aug 17 Javascript
layui实现动态和静态分页
Apr 28 Javascript
详解vue-cli中模拟数据的两种方法
Jul 03 Javascript
es6 for循环中let和var区别详解
Jan 12 Javascript
js实现列表向上无限滚动
Jan 13 Javascript
JavaScript实时更新当前的时间的示例代码
Jul 15 Javascript
react使用antd表单赋值,用于修改弹框的操作
Oct 29 Javascript
jQuery AJAX 方法success()后台传来的4种数据详解
Aug 08 #jQuery
通过jquery的ajax请求本地的json文件方法
Aug 08 #jQuery
Vue 开发音乐播放器之歌手页右侧快速入口功能
Aug 08 #Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 #jQuery
Vue2.0 实现歌手列表滚动及右侧快速入口功能
Aug 08 #Javascript
JavaScript引用类型Date常见用法实例分析
Aug 08 #Javascript
js使用ajax传值给后台,后台返回字符串处理方法
Aug 08 #Javascript
You might like
php设计模式 Mediator (中介者模式)
2011/06/26 PHP
php实现的替换敏感字符串类实例
2014/09/22 PHP
thinkphp框架实现删除和批量删除
2016/06/29 PHP
PHP中ajax无刷新上传图片与图片下载功能
2017/02/21 PHP
在Ubuntu 18.04上安装PHP 7.3 7.2和7.0的方法
2019/04/09 PHP
Laravel 5.2 文档 数据库 ―― 起步介绍
2019/10/21 PHP
HTML页面如何象ASP一样接受参数
2007/02/07 Javascript
jquery 多行文本框(textarea)高度变化
2013/07/03 Javascript
基于jquery实现的定时显示与隐藏div广告的实现代码
2013/08/22 Javascript
jQuery如何获取同一个类标签的所有值(默认无法获取)
2014/09/25 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
2014/10/28 Javascript
javascript用函数实现对象的方法
2015/05/14 Javascript
JavaScript中的Math.sin()方法使用详解
2015/06/15 Javascript
js实现的简洁网页滑动tab菜单效果代码
2015/08/24 Javascript
js实现文字闪烁特效的方法
2015/12/17 Javascript
JavaScript的变量声明提升问题浅析(Hoisting)
2016/11/30 Javascript
js定时器实例分享
2016/12/20 Javascript
JavaScript实现的选择排序算法实例分析
2017/04/14 Javascript
JavaScript表单验证实现代码
2017/05/22 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
2017/06/11 jQuery
JS解析url查询参数的简单代码
2017/08/06 Javascript
Express的HTTP重定向到HTTPS的方法
2018/06/06 Javascript
Vue.js添加组件操作示例
2018/06/13 Javascript
layui 图片上传+表单提交+ Spring MVC的实例
2019/09/21 Javascript
python实现简单ftp客户端的方法
2015/06/28 Python
利用python库在局域网内传输文件的方法
2018/06/04 Python
python实现图片识别汽车功能
2018/11/30 Python
Python操作Mongodb数据库的方法小结
2019/09/10 Python
教你使用Canvas处理图片的方法
2017/11/28 HTML / CSS
详解HTML5常用的语义化标签
2019/09/27 HTML / CSS
美国珠宝店:Helzberg Diamonds
2018/10/24 全球购物
阿迪达斯新加坡官方网站:adidas新加坡
2019/12/06 全球购物
护理专业的自荐信
2013/10/22 职场文书
致800米运动员广播稿
2014/02/16 职场文书
MySQL基础(二)
2021/04/05 MySQL
spring boot中nativeQuery的用法
2021/07/26 Java/Android