文档章节

vue调试工具vue-devtools安装及使用

林夏夕
 林夏夕
发布于 2018/07/12 10:12
字数 225
阅读 71
收藏 4

1.安装

(1)到github下载

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

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

cd vue-devtools
cnpm install

(3)修改manifest.json文件,把"persistent":false改成true

(4)编译代码

npm run build

(5)扩展Chrome插件

Chrome浏览器 >右上角三个点  > 更多工具 > 扩展程序 

右上角打开开发者模式 > 加载已解压的扩展程序,选择 vue-devtools > shells > chrome 放入, 安装成功如下图

(6)vue-devtools使用

安装后, 需要关闭浏览器, 再重新打开, 才能使用

vue项目, 打开F12, 选择vue就可以使用了.vue是数据驱动的, 这样就能看到对应数据了, 方便我们进行调试

© 著作权归作者所有

共有 人打赏支持
林夏夕
粉丝 2
博文 40
码字总数 27814
作品 0
南开
私信 提问
Vue调试神器vue-devtools安装

前言 vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。 chrome商店直接安装 vue-devtools可以从chr...

kisshua
2018/07/18
0
0
Vue-cli 脚手架的安装与使用(详细说明)

1.1.1.1 安装Node.js 无疑Node.js是前端编程的必备环境配置之一。 安装过程非常简单,与平时安装的一般软件无异。 官方网站:https://nodejs.org/en/ Node.js自带npm包管理工具,使用npm可使...

weir_will
2018/04/05
0
0
Vue开发与调试工具--调试工具篇

主要讲三个东西: Vue.js devtools开发工具的使用 使用debugger和sourcemap调试Vue组件 vscode中调试Vue组件 Vue.js devtools开发工具的使用 在Chrome或Firefox浏览器的扩展插件仓库里搜vue...

dragon_tech
2018/11/30
0
0
vue开发神奇vue-devtools的安装

1、将vue-devtools项目下载下来。项目地址https://github.com/vuejs/vue-devtools 打开cmd或git bash终端。输入 git clonehttps://github.com/vuejs/vue-devtools.git 然后进入dev-tools文件......

柒月未央
2018/07/17
0
0
前端与移动开发之vue-day1(4)

Vue调试工具vue-devtools的安装步骤和使用 Vue.js devtools - ×××安装方式 - 推荐 过滤器 概念:Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mus...

czbkzmj
2018/11/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

linux shell使用代理

export http_proxy=http://proxyAddress:port export http_proxy=http://proxyAddress:port

萌萌哒的小萝卜
1分钟前
0
0
Krpano 插入视频-video

hotspot-video <hotspot name="videospot" url="%SWFPATH%/plugins/videoplayer.swf" alturl="%SWFPATH%/plugins/videoplayer.js" videourl="%SWFPATH%/image/video.flv|%......

华山猛男
4分钟前
0
0
el-select使用方法及遇到数据回显的坑

<el-select v-model="temp.lang" class="filter-item" placeholder="Please select"> <el-option v-for="item in langs" :key="item.value" :label="item.label" :value="item.value"/> </el......

BraveLN
6分钟前
0
0
百度贴吧自动签到

实现百度贴吧自动签到功能 1.编写签到Python脚本 2.服务器配置定时任务执行签到脚本

MrPei
11分钟前
0
0
windows nginx

之前一直是在linux上使用nginx,今天百度了一下,发现原来nginx在windows也有软件。 最近在研究jeecg-boot,现在越来越多的框架开始采用前后分离的模式了,看来也是时候跟进了。 nginx: dow...

miaojiangmin
16分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部