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 相关文章推荐
零基础学JavaScript最新动画教程+iso光盘下载
Jan 22 Javascript
用户注册常用javascript代码
Aug 29 Javascript
javascript 流畅动画实现原理
Sep 08 Javascript
JavaScript 学习初步 入门教程
Mar 25 Javascript
JavaScript数组前面插入元素的方法
Apr 06 Javascript
JS数组合并push与concat区别分析
Dec 17 Javascript
jquery ztree实现模糊搜索功能
Feb 25 Javascript
基于zepto.js实现登录界面
Oct 09 Javascript
详解在vue-cli项目中使用mockjs(请求数据删除数据)
Oct 23 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
Aug 05 Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
Sep 02 Javascript
解决新建一个vue项目过程中遇到的问题
Oct 22 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通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
php教程之phpize使用方法
2014/02/12 PHP
Iframe thickbox2.0使用的方法
2009/03/05 Javascript
Javascript 学习书 推荐
2009/06/13 Javascript
checkbox全选所涉及到的知识点介绍
2013/12/31 Javascript
JS数组的赋值介绍
2014/03/10 Javascript
Jquery实现仿腾讯微博发表广播
2014/11/17 Javascript
nodejs URL模块操作URL相关方法介绍
2015/03/03 NodeJs
JavaScript获得表单target属性的方法
2015/04/02 Javascript
javascript制作幻灯片(360度全景图片)
2015/07/28 Javascript
JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
2015/09/24 Javascript
CascadeView级联组件实现思路详解(分离思想和单链表)
2016/04/12 Javascript
Android中Okhttp3实现上传多张图片同时传递参数
2017/02/18 Javascript
Vue实现virtual-dom的原理简析
2017/07/10 Javascript
微信小程序实现预览图片功能
2020/10/22 Javascript
详解Vue组件之作用域插槽
2018/11/22 Javascript
使用xampp将angular项目运行在web服务器的教程
2019/09/16 Javascript
layer弹出层取消遮罩的方法
2019/09/25 Javascript
javascript 对象 与 prototype 原型用法实例分析
2019/11/11 Javascript
ptyhon实现sitemap生成示例
2014/03/30 Python
使用Python3编写抓取网页和只抓网页图片的脚本
2015/08/20 Python
Python实现HTTP协议下的文件下载方法总结
2016/04/20 Python
简单的python后台管理程序
2017/04/13 Python
Python数据结构与算法之链表定义与用法实例详解【单链表、循环链表】
2017/09/28 Python
Python爬虫通过替换http request header来欺骗浏览器实现登录功能
2018/01/07 Python
利用Python实现在同一网络中的本地文件共享方法
2018/06/04 Python
如何基于python实现脚本加密
2019/12/28 Python
Python中的X[:,0]、X[:,1]、X[:,:,0]、X[:,:,1]、X[:,m:n]和X[:,:,m:n]
2020/02/13 Python
Python Websocket服务端通信的使用示例
2020/02/25 Python
python如何保存文本文件
2020/06/07 Python
实列教程 一款基于jquery和css3的响应式二级导航菜单
2014/11/13 HTML / CSS
几个Shell Script面试题
2014/04/18 面试题
临床医学专业学生的自我评价分享
2013/11/21 职场文书
市场营销策划方案
2014/06/11 职场文书
实例详解Python的进程,线程和协程
2022/03/13 Python
剧场版《转生恶役只好拔除破灭旗标》公开最新视觉图 2023年上映
2022/04/02 日漫