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 相关文章推荐
js传值 判断
Oct 26 Javascript
jQuery版Tab标签切换
Mar 16 Javascript
基于jquery实现的鼠标拖拽元素复制并写入效果
Aug 23 Javascript
面向对象的Javascript之二(接口实现介绍)
Jan 27 Javascript
jQueryUI写一个调整分类的拖放效果实现代码
May 10 Javascript
jquery获得keycode的示例代码
Dec 30 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
Aug 07 Javascript
jQuery特殊符号转义的实现
Nov 30 Javascript
微信小程序 数据封装,参数传值等经验分享
Jan 09 Javascript
Node.js搭建小程序后台服务
Jan 03 Javascript
vue中v-for加载本地静态图片方法
Mar 03 Javascript
javascript实现简易计算器功能
Sep 23 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导航下拉菜单的实现如此简单
2013/09/22 PHP
PHP将MySQL的查询结果转换为数组并用where拼接的示例
2016/05/13 PHP
PHP进阶学习之类的自动加载机制原理分析
2019/06/18 PHP
jquery打开直接跳到网页最下面、最低端实现代码
2013/04/22 Javascript
javaScript中的this示例学习详解及工作原理
2014/01/13 Javascript
AngularJS学习笔记之TodoMVC的分析
2015/02/22 Javascript
jQuery Ajax使用实例
2015/04/16 Javascript
聊一聊JS中this的指向问题
2016/06/17 Javascript
js显示动态时间的方法详解
2016/08/20 Javascript
详解node中创建服务进程
2017/05/09 Javascript
vue 打包后的文件部署到express服务器上的方法
2017/08/09 Javascript
Angular实现表单验证功能
2017/11/13 Javascript
JS实现table表格内针对某列内容进行即时搜索筛选功能
2018/05/11 Javascript
解决node-sass偶尔安装失败的方法小结
2018/12/05 Javascript
Vue核心概念Getter的使用方法
2019/01/18 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
2019/11/01 Javascript
原生JS实现天气预报
2020/06/16 Javascript
基于PHP pthreads实现多线程代码实例
2020/06/24 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
2020/08/03 Javascript
[03:59]第二届DOTA2亚洲邀请赛选手传记-VGJ.rOtk
2017/04/03 DOTA
python 排列组合之itertools
2013/03/20 Python
python网络编程学习笔记(一)
2014/06/09 Python
跟老齐学Python之传说中的函数编写条规
2014/10/11 Python
python增加矩阵维度的实例讲解
2018/04/04 Python
numpy创建单位矩阵和对角矩阵的实例
2019/11/29 Python
Python Selenium安装及环境配置的实现
2020/03/17 Python
Python特殊属性property原理及使用方法解析
2020/10/09 Python
Python使用grequests并发发送请求的示例
2020/11/05 Python
Html5元素及基本语法详解
2016/08/02 HTML / CSS
Probikekit欧盟:在线公路自行车专家
2019/07/12 全球购物
Unix/Linux开发面试题
2016/08/16 面试题
工程采购员岗位职责
2014/03/09 职场文书
腾讯广告词
2014/03/19 职场文书
教师正风肃纪剖析材料
2014/10/20 职场文书
追讨欠款律师函
2015/05/27 职场文书
python疲劳驾驶困倦低头检测功能的实现
2022/04/04 Python