vue-devtools的安装步骤


Posted in Javascript onApril 23, 2018

vue-devtools 是一款基于chrome游览器的插件,用于调试vue应用,由于国内不能访问谷歌商店(要科学上网),所以安装比较麻烦,写个文章记录一下。

第一步

将vue-devtools clone到本地

git clone https://github.com/vuejs/vue-devtools.git

第二步

在vue-devtools目录下安装依赖包

cd vue-devtools
npm install

第三步

编译代码

npm run build

vue-devtools的安装步骤 

第四步

修改 vue-devtools/shells/chrome/manifest.json 文件,将 persistent改成 true

vue-devtools的安装步骤 

第五步

打开chrome,输入 chrome://extensions/ 进入到chrome扩展程序设置页面

打开右上角的 开发者模式

vue-devtools的安装步骤 

点击 加载已解压的扩展程序 选择 vue-devtools/shells/chrome

vue-devtools的安装步骤 

注意:勾选 允许访问文件网址

vue-devtools的安装步骤 

至此,vue-devtools已经安装完毕。enjoy it!

vue-devtools的安装步骤 

总结

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

Javascript 相关文章推荐
js 数值转换为3位逗号分隔的示例代码
Feb 19 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
Dec 08 Javascript
js实现网页图片延时加载 提升网页打开速度
Jan 26 Javascript
详谈javascript异步编程
Feb 21 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
Sep 06 Javascript
HTML5 js实现拖拉上传文件功能
Nov 20 Javascript
微信小程序 动态的设置图片的高度和宽度详解及实例代码
Feb 24 Javascript
JavaScript实现简单音乐播放器
Apr 17 Javascript
泛谈JS逻辑判断选择器 || &&
May 24 Javascript
js针对图片加载失败的处理方法分析
Aug 24 Javascript
vue+ESLint 配置保存 自动格式化代码
Mar 17 Javascript
使用Vue组件实现一个简单弹窗效果
Apr 23 #Javascript
深入理解JavaScript和TypeScript中的class
Apr 22 #Javascript
原生JS进行前后端同构
Apr 22 #Javascript
如何以Angular的姿势打开Font-Awesome详解
Apr 22 #Javascript
vue移动端实现下拉刷新
Apr 22 #Javascript
实例讲解Vue.js中router传参
Apr 22 #Javascript
用Vue写一个分页器的示例代码
Apr 22 #Javascript
You might like
PHP限制页面只能在微信自带浏览器访问的代码
2014/01/15 PHP
Laravel 队列使用的实现
2019/01/08 PHP
jquery下json数组的操作实现代码
2010/08/09 Javascript
javascript中拼接HTML字符串的最快、最好的方法
2014/06/07 Javascript
js设置cookie过期当前时间减去一秒相当于立即过期
2014/09/04 Javascript
javascript中hasOwnProperty() 方法使用指南
2015/03/09 Javascript
JavaScript实现输入框(密码框)出现提示语
2016/01/12 Javascript
vue.js 上传图片实例代码
2017/06/22 Javascript
js+html5实现侧滑页面效果
2017/07/15 Javascript
Vue2仿淘宝实现省市区三级联动
2020/04/15 Javascript
微信小程序图片轮播组件gallery slider使用方法详解
2018/01/31 Javascript
node.js到底要不要加分号浅析
2018/07/11 Javascript
vue2使用keep-alive缓存多层列表页的方法
2018/09/21 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
JavaScript中工厂函数与构造函数示例详解
2019/05/06 Javascript
自定义Vue组件打包、发布到npm及使用教程
2019/05/22 Javascript
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
[01:35]辉夜杯战队访谈宣传片—LGD
2015/12/25 DOTA
[44:50]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 TNC vs VG
2018/04/02 DOTA
[00:12]DAC2018 no[o]ne亮相SOLO赛 他是否如他的id一样无人可挡?
2018/04/06 DOTA
pymongo实现控制mongodb中数字字段做加法的方法
2015/03/26 Python
Python中使用gzip模块压缩文件的简单教程
2015/04/08 Python
Python计算三角函数之asin()方法的使用
2015/05/15 Python
Python实现分段线性插值
2018/12/17 Python
python sklearn库实现简单逻辑回归的实例代码
2019/07/01 Python
利用Python自动化操作AutoCAD的实现
2020/04/01 Python
Python PIL库图片灰化处理
2020/04/07 Python
pycharm 复制代码出现空格的解决方式
2021/01/15 Python
C++如何引用一个已经定义过的全局变量
2014/08/25 面试题
预备党员转正思想汇报
2014/01/12 职场文书
运动会入场式解说词
2014/02/18 职场文书
求职信模板标准格式范文
2014/02/23 职场文书
小学班主任评语大全
2014/04/23 职场文书
员工考核评语大全
2014/04/26 职场文书
2015年农村党员公开承诺事项
2015/04/28 职场文书
莫言诺贝尔获奖感言(全文)
2015/07/31 职场文书