详解vue.js的devtools安装


Posted in Javascript onMay 26, 2017

安装

1.github下载地址:https://github.com/vuejs/vue-devtools

2.下载好后进入vue-devtools-master工程 执行npm install ----->npm run build.

3.修改manifest.json 中的persistent为true

详解vue.js的devtools安装

4.打开谷歌浏览器设置--->扩展程序--》勾选开发者模式---》添加工程中的shells-->chrome的内容或者直接拖动shells-->chrome,至此恭喜已经安装成功!!!

详解vue.js的devtools安装

5.打开自己的vue项目中,如果是有vue-cli构建的项目,执行npm run dev,打开http://localhost:8080/ 服务器调试地址;至此完成devtools的安装;

使用

打开vue项目,在控制台选择vue:

详解vue.js的devtools安装

5.可操作组件查看信息变化(例如分页组件)选择第一页:

详解vue.js的devtools安装

选择最后一页:

详解vue.js的devtools安装

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Firefox 无法获取cssRules 的解决办法
Oct 11 Javascript
探索Emberjs制作一个简单的Todo应用
Nov 07 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
Mar 10 Javascript
浅谈javascript 函数属性和方法
Jan 21 Javascript
angularJS 中input示例分享
Feb 09 Javascript
js实现简洁的TAB滑动门效果代码
Sep 06 Javascript
纯JavaScript手写图片轮播代码
Oct 20 Javascript
JS声明对象时属性名加引号与不加引号的问题及解决方法
Feb 16 Javascript
JS实现仿微信支付弹窗功能
Jun 25 Javascript
微信小程序webview实现长按点击识别二维码功能示例
Jan 24 Javascript
利用d3.js制作连线动画图与编辑器的方法实例
Sep 05 Javascript
详解 TypeScript 枚举类型
Nov 02 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 #Javascript
vue.js获取数据库数据实例代码
May 26 #Javascript
详解通过JSON数据使用VUE.JS
May 26 #Javascript
JS中去掉array中重复元素的方法
May 26 #Javascript
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
May 26 #Javascript
AngularJS表单验证功能分析
May 26 #Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
May 26 #Javascript
You might like
一些需要禁用的PHP危险函数(disable_functions)
2012/02/23 PHP
浅析PHP 按位与或 (^ 、&)
2013/06/21 PHP
使用PHP curl模拟浏览器抓取网站信息
2013/10/28 PHP
thinkphp实现面包屑导航(当前位置)例子分享
2014/05/10 PHP
typecho插件编写教程(五):核心代码
2015/05/28 PHP
用PHP的反射实现委托模式的讲解
2019/03/22 PHP
laravel添加前台跳转成功页面示例
2019/10/22 PHP
jQuery 获取URL参数的插件
2010/03/04 Javascript
javascript动态添加表格数据行(ASP后台数据库保存例子)
2010/05/08 Javascript
jquery实现树形菜单完整代码
2015/12/29 Javascript
JS创建对象的写法示例
2016/11/04 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
2017/04/21 jQuery
js中的事件委托或是事件代理使用详解
2017/06/23 Javascript
浅析JavaScript中的特殊数据类型
2017/12/15 Javascript
JavaScript代码实现txt文件的上传预览功能
2018/03/27 Javascript
Nodejs中获取当前函数被调用的行数及文件名详解
2018/12/12 NodeJs
ckeditor一键排版功能实现方法分析
2020/02/06 Javascript
[07:39]第一届亚洲邀请赛回顾视频
2017/02/14 DOTA
sqlalchemy对象转dict的示例
2014/04/22 Python
跟老齐学Python之玩转字符串(2)
2014/09/14 Python
python装饰器decorator介绍
2014/11/21 Python
python分析网页上所有超链接的方法
2015/05/08 Python
Python获取运行目录与当前脚本目录的方法
2015/06/01 Python
Python3数据库操作包pymysql的操作方法
2018/07/16 Python
Windows下将Python文件打包成.EXE可执行文件的方法
2018/08/03 Python
python3中eval函数用法使用简介
2019/08/02 Python
Scrapy模拟登录赶集网的实现代码
2020/07/07 Python
德国最大的拼图在线商店:Puzzle.de
2016/12/17 全球购物
《小池塘》教学反思
2014/02/28 职场文书
元旦联欢会感言
2014/03/04 职场文书
节约用水的口号
2014/06/20 职场文书
公证委托书格式
2014/09/13 职场文书
创业计划书之密室逃脱
2019/11/08 职场文书
vue完美实现el-table列宽自适应
2021/05/08 Vue.js
OpenCV-Python实现轮廓的特征值
2021/06/09 Python
zabbix如何添加监控主机和自定义监控项
2022/08/14 Servers