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 相关文章推荐
Javascript new关键字的玄机 以及其它
Aug 25 Javascript
自己封装的javascript事件队列函数版
Jun 12 Javascript
js基本算法:冒泡排序,二分查找的简单实例
Oct 08 Javascript
jquery滚动条插件slimScroll使用方法
Feb 09 Javascript
vue.js实现条件渲染的实例代码
Jun 22 Javascript
深入理解Vue生命周期、手动挂载及挂载子组件
Sep 27 Javascript
使用jQuery 操作table 完成单元格合并的实例
Dec 27 jQuery
用ES6写全屏滚动插件的示例代码
May 02 Javascript
Angular5中调用第三方库及jQuery的添加的方法
Jun 07 jQuery
细说Vue组件的服务器端渲染的过程
May 30 Javascript
微信小程序swiper使用网络图片不显示问题解决
Dec 13 Javascript
vue v-model的用法解析
Oct 19 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计算税后工资的方法
2015/07/28 PHP
PHP+ajax分页实例简析
2015/12/07 PHP
PHP+原生态ajax实现的省市联动功能详解
2017/08/15 PHP
如何利用PHP实现上传图片功能详解
2020/09/24 PHP
jQuery替换字符串(实例代码)
2013/11/13 Javascript
仿JQuery输写高效JSLite代码的一些技巧
2015/01/13 Javascript
javaScript知识点总结(必看篇)
2016/06/10 Javascript
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
2018/04/12 jQuery
如何获取TypeScript的声明文件.d.ts
2018/05/01 Javascript
Js中将Long转换成日期格式的实现方法
2018/06/05 Javascript
使用FormData实现上传多个文件
2018/12/04 Javascript
JS浮点数运算结果不精确的Bug解决
2019/08/01 Javascript
layui table 获取分页 limit的方法
2019/09/20 Javascript
Javascript实现鼠标点击冒泡特效
2019/12/24 Javascript
JavaScript前端实现压缩图片功能
2020/03/06 Javascript
微信小程序实现导航栏和内容上下联动功能代码
2020/06/29 Javascript
解决vue下载后台传过来的乱码流的问题
2020/12/05 Vue.js
[01:20]2018DOTA2亚洲邀请赛总决赛战队Mineski晋级之路
2018/04/07 DOTA
使用django-suit为django 1.7 admin后台添加模板
2014/11/18 Python
Python3 正在毁灭 Python的原因分析
2014/11/28 Python
Python新手实现2048小游戏
2015/03/31 Python
Python实现类似jQuery使用中的链式调用的示例
2016/06/16 Python
python 实现在tkinter中动态显示label图片的方法
2019/06/13 Python
Python操作qml对象过程详解
2019/09/26 Python
基于python纯函数实现井字棋游戏
2020/05/27 Python
如何基于python实现年会抽奖工具
2020/10/20 Python
英国最大的独立家具零售商:Furniture Village
2016/09/06 全球购物
美国在线购买和出售礼品卡网站:EJ Gift Cards
2019/06/09 全球购物
Ajax主要包含了哪些技术
2014/06/12 面试题
通信工程专业女生个人求职信
2013/09/21 职场文书
学生个人自我鉴定
2014/03/26 职场文书
安全负责人任命书
2014/06/06 职场文书
党员倡议书
2015/01/19 职场文书
酒店财务经理岗位职责
2015/04/08 职场文书
小学一年级数学教学反思
2016/02/16 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server