详解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 相关文章推荐
javascript 对象的定义方法
Jan 10 Javascript
初学Javascript的一些总结
Nov 03 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
Nov 28 Javascript
js换图片效果可进行定时操作
Jun 09 Javascript
学习使用bootstrap3栅格系统
Apr 12 Javascript
AngularJs解决跨域问题案例详解(简单方法)
May 19 Javascript
AngularJS入门教程之服务(Service)
Jul 27 Javascript
JS实现的tab切换选项卡效果示例
Feb 28 Javascript
js删除数组中的元素delete和splice的区别详解
Feb 03 Javascript
详解js的视频和音频采集
Aug 09 Javascript
JavaScript函数定义方法实例详解
Mar 05 Javascript
vue 修改 data 数据问题并实时显示操作
Sep 07 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去除重复字的实现代码
2011/09/16 PHP
打造超酷的PHP数据饼图效果实现代码
2011/11/23 PHP
PHP彩蛋信息介绍和阻止泄漏的方法(隐藏功能)
2014/08/06 PHP
使用PHPCMS搭建wap手机网站
2015/09/20 PHP
解决PHP上传非标准格式的图片pjpeg失败的方法
2017/03/12 PHP
xml文档转换工具,附图表例子(hta)
2010/11/17 Javascript
jQuery版Tab标签切换
2011/03/16 Javascript
jquery select多选框的左右移动 具体实现代码
2013/07/03 Javascript
js用闭包遍历树状数组的方法
2014/03/19 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
2014/11/17 Javascript
jQuery实现动态表单验证时文本框抖动效果完整实例
2015/08/21 Javascript
javascript中for/in循环及使用技巧
2015/09/01 Javascript
轮播图组件js代码
2016/08/08 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
2016/08/26 Javascript
使用jquery如何获取时间
2016/10/13 Javascript
基于js 字符串indexof与search方法的区别(详解)
2017/12/04 Javascript
Vue 菜单栏点击切换单个class(高亮)的方法
2018/08/22 Javascript
vue elementUI table表格数据 滚动懒加载的实现方法
2019/04/04 Javascript
node.js express框架简介与实现
2019/07/23 Javascript
使用Vue 自定义文件选择器组件的实例代码
2020/03/04 Javascript
Vue watch响应数据实现方法解析
2020/07/10 Javascript
Python多进程编程技术实例分析
2014/09/16 Python
python中yaml配置文件模块的使用详解
2018/04/27 Python
python程序 创建多线程过程详解
2019/09/23 Python
通过字符串导入 Python 模块的方法详解
2019/10/27 Python
Python之字典添加元素的几种方法
2020/09/30 Python
如何在vscode中安装python库的方法步骤
2021/01/06 Python
解决pytorch 保存模型遇到的问题
2021/03/03 Python
HTML5的video标签的浏览器兼容性增强方案分享
2016/05/19 HTML / CSS
团日活动策划书
2014/02/01 职场文书
银行竞聘演讲稿范文
2014/04/23 职场文书
司法助理专业自荐书
2014/06/13 职场文书
活动总结报告怎么写
2014/07/03 职场文书
2014年司法所工作总结
2014/11/22 职场文书
电力企业职工培训心得体会
2016/01/11 职场文书
Nginx 反向代理解决跨域问题多种情况分析
2022/01/18 Servers