编程 Javascript

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的安装步骤，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

vue-devtools的安装步骤

- Author -

张成

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

IE8 chrome中table隔行换色解决办法

Jul 09 Javascript

javascript常用方法汇总

Dec 02 Javascript

JavaScript框架是什么?怎样才能叫做框架？

Jul 01 Javascript

js实现图片点击左右轮播

Jul 08 Javascript

js原生实现移动端手指滑动轮播图效果的示例

Jan 02 Javascript

vue 实现左右拖拽元素并且不超过他的父元素的宽度

Nov 30 Javascript

详解ES6 export default 和 import语句中的解构赋值

May 28 Javascript

基于layui实现高级搜索（筛选）功能

Jul 26 Javascript

微信小程序通过js实现瀑布流布局详解

Aug 28 Javascript

vue组件讲解(is属性的用法)模板标签替换操作

Sep 04 Javascript

原生js实现俄罗斯方块

Oct 20 Javascript

如何用JavaScript学习算法复杂度

Apr 30 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 chmod 函数与批量修改文件目录权限

2010/05/10 PHP

PHP页面间参数传递的四种方法详解

2013/06/09 PHP

php cli换行示例

2014/04/22 PHP

微信开发生成带参数的二维码的实例

2016/11/23 PHP

thinkphp5修改view到根目录实例方法

2019/07/02 PHP

yii2.0框架使用 beforeAction 防非法登陆的方法分析

2019/09/11 PHP

JavaScript获取GridView选择的行内容

2009/04/14 Javascript

JQuery的ajax基础上的超强GridView展示

2009/09/18 Javascript

input的focus方法使用

2010/03/13 Javascript

JS实现可改变列宽的table实例

2013/07/02 Javascript

Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例

2014/02/12 Javascript

jQuery图片切换插件jquery.cycle.js使用示例

2014/06/16 Javascript

JQuery拖动表头边框线调整表格列宽效果代码

2014/09/10 Javascript

JS获取鼠标坐标位置实例分析

2016/01/20 Javascript

Bootstrap组件学习之导航、标签、面包屑导航(精品)

2016/05/17 Javascript

js return返回多个值,通过对象的属性访问方法

2017/02/21 Javascript

JS简单实现点击跳转登陆邮箱功能的方法

2017/10/31 Javascript

vue2.0+koa2+mongodb实现注册登录

2018/04/10 Javascript

Vue.js中对css的操作（修改）具体方式详解

2018/10/30 Javascript

利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)

2021/02/24 Javascript

[01:50]《我与DAC》之玩家：iG夺冠时的那面红旗

2018/03/29 DOTA

Python 的 Socket 编程

2015/03/24 Python

深入浅出分析Python装饰器用法

2017/07/28 Python

python生成带有表格的图片实例

2019/02/03 Python

使用python itchat包爬取微信好友头像形成矩形头像集的方法

2019/02/21 Python

django admin 自定义替换change页面模板的方法

2019/08/23 Python

pip 安装库比较慢的解决方法(国内镜像)

2019/10/06 Python

Python实现快速大文件比较代码解析

2020/09/04 Python

open_basedir restriction in effect. 原因与解决方法

2021/03/14 PHP

如何用canvas实现在线签名的示例代码

2018/07/10 HTML / CSS

Ariat官网：美国马靴和服装品牌

2019/12/16 全球购物

2015年社区综治宣传月活动总结

2015/03/25 职场文书

辩护意见书

2015/06/04 职场文书

李强为自己工作观后感

2015/06/11 职场文书

python3美化表格数据输出结果的实现代码

2021/04/14 Python

学习nginx基础知识

2021/09/04 Servers