CSDN首页
首页
博客
程序员学院
下载
论坛
问答
代码
直播
电子书
最牛小程序：想要的资源都能搜到？

会员中心
收藏
动态
消息15
创作中心
vue调试工具vue-devtools安装及使用（最新）

清虚桂意 2020-06-23 10:27:29 606 已收藏 4
分类专栏： vue
版权
github 克隆
vue-devtools官方项目地址

git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git
1
此处安装v5.1.1分支，因为如果直接git clone下载的是最新的develop分支，而develop是测试分支，不是正式分支。当然也可以直接切换主分支后再git clone。
具体原因

打开vue-devtools，安装依赖包
cd vue-devtools
cnpm install
1
2
修改manifest.json文件，把"persistent":false改成true
在这里插入图片描述

编译代码
npm run build
1
扩展Chrome插件
Chrome浏览器 > 更多程序 > 拓展程序
右上角选择开发者模式=>点击加载已解压程序按钮=> 选择 vue-devtools > shells > chrome 放入, 安装成功如下图
在这里插入图片描述

vue-devtools使用
vue项目, 打开f12, 选择vue就可以使用了.

vue是数据驱动的, 这样就能看到对应数据了, 方便我们进行调试
在这里插入图片描述
参考01

点赞

评论
1

分享

已收藏
4

举报
已关注
一键三连

vue-devtools-dev下载
04-08
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。
vue devtool的安装与使用
AXIMI的博客
1万+
vue devtool是chrome的一个调试插件，翻不了墙的话只能手动安装，方法如下： 1.首先是下载： https://github.com/vuejs/vue-devtools 选择下载安装整个ZIP压缩包 2.然后进行解压缩，并在解压后的文件夹里面打开命令提示符， 命令提示符应该是这个路径（自己的软件放置路径） 升级一下npm，输入：npm install npm -g （此步骤没有…

优质评论可以帮助作者获得更高权重
表情包
weixin_44542711
莽一 thy:安装依赖包之后 提示要不要安装Cypress是什么东西5月前回复
点赞
VUE 调试工具vue-devtools的安装及使用方法
zhoushuizhang的博客
408
一、安装： 1.在安装目录打开终端（或者打开终端cmd进入安装目录），输入以下命令，到 github 下载 vue-devtools 插件： git clone https://github.com/vuejs/vue-devtools 2.在 vue-devtools 目录下依次输入以下两个命令，安装依赖包： cd vue-devtools cnpm install 或者用 npm…
vue调试工具vue-devtools安装及使用
前端小狮的博客
1857
vue调试工具vue-devtools安装及使用 本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 安装: 1.到github下载： git clone https://github.com/vuejs/vue-devtools //下载太慢的话可直接去这个地址 下载压缩包…

vue调试工具vue-devtools安装及使用(亲测有效,望采纳)
12-5
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 …
vue调试工具vue-devtools安装及使用_橙可爱的博客
12-6
vue调试工具vue-devtools安装及使用 一键三连 点赞Mark关注该博主, 随时了解TA的最新博文 vue-devtools-5.1.1.zip 04-23 vue-devtools-dev(带详细图文安装…
vue调试工具vue-devtools安装及使用（亲测有效，望采纳）
Crazy_GirlLL的博客
23
第一次安装可能会失败,尝试多次安装,去GitHub下载最不容易出错 本文转载:https://www.cnblogs.com/chenhuichao/p/11039427.html 本文主要介绍 vue的调试工具vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 安装: 1.到github下载：（下载一定要记得是master环境的代码，默认克隆后进入的是dev环境，执行npm run build会报错，执行git …
初学Vue + Vue调试神器 vue-devtools 的安装
monkeyfly学前端
3万+
Write By Monkeyfly 以下内容均为原创，如需转载请注明出处。 前提 今天准备开始学vue.js了，不为别的，只是因为我女朋友毕设项目的前端是使用vue开发的，而我作为一个前端开发却无能为力，你说可不可笑。 她需要一个会vue的前端帮她做界面，而我虽然身为一个前端开发，但是并不会vue，所以作为男朋友的我本身就很自责。 现阶段的情况是：我只是知道有这些框架，再加上公司的项…
精准调试-vue调试工具vue-devtools安装及完整使用教程
12-18
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 …
vue调试工具的安装与使用(vue-devtools)_Mary_Code的博客
12-8
运行vue项目, F12打开调试工具, 选择vue就可以使用了.vue是数据驱动的, 这样就能看到对应数据了, 方便我们进行调试 使用vue-devtools插件 …
如何从GitHub上克隆项目？
eva_lu的博客
2万+
一、首先要在本地新建一个文件夹，作为本地仓库。例如：新建文件夹mydata 二、进入mydata文件件下，右击-git bush here 三、进入下面的界面，输入git init，将本地仓库初始化 四、将你需要的项目从github或者服务器上克隆下来 命令：git clone url （url为为项目服务器地址或github地址） 这里以vue-devtools的github项目…
vue-devtools的下载安装
weixin_39150852的博客
6900
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。 下载地址：链接: https://pan.baidu.com/s/1nPUcbFRCx6r9eoHaQ8rKXA 提取码: p3un 安装： 1、打开chrome，进入设置 2.、进入设置 3.打开开发者模式，将文件拖至页面内 …
vue调试工具vue-devtools安装及使用_liyanlei的专栏
12-11
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 …
Vue调试工具vue-devtools安装详解_github_37360787的博客
12-17
vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以地提高我们的调试效率。 一:chrome商店直接安装: vue-devtools可以从chrome商店直接下载安装。不过要…
谷歌浏览器为什么要禁用Flash插件？深夜有感而发
LeBronJJJ的博客
2万+
刚刚在浏览博客，一个页面的弹出窗口显示adobe flash player已被屏蔽，而且和之前不同，之前可以选择打开，现在我完全没得选！ 身为一个95后
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
关于我们
招贤纳士
广告服务
开发助手

400-660-0108

kefu@csdn.net

在线客服
工作时间 8:30-22:00
公安备案号11010502030143
京ICP备19004658号
京网文〔2020〕1039-165号
经营性网站备案信息
北京互联网违法和不良信息举报中心
网络110报警服务
中国互联网举报中心
家长监护
Chrome商店下载
©1999-2020北京创新乐知网络技术有限公司
版权与免责声明
版权申诉

清虚桂意
码龄2年
暂无认证
77
原创
1万+
周排名
11万+
总排名
4万+
访问

等级
901
积分
14
粉丝
11
获赞
7
评论
83
收藏
签到新秀
持之以恒
勤写标兵Lv4
私信
已关注
搜博主文章

热门文章
vue项目移动端、pc端适配方案 8175
vue-cli 3.0集成sass/scss到vue项目 4604
ant design of vue 之富文本编辑组件（腾讯云）封装 1761
基于vue cli3的移动端适配解决方法 1146
前端pc端、手机端适配基本知识 1130
分类专栏

地图
2篇

vue
22篇

bootstrap

网络知识
1篇

canvas
1篇

echarts

three.js

uni-app

项目经验
12篇

html
2篇

Ant Design Vue
11篇

css
5篇

nuxt
1篇

git
4篇

js
23篇

最新评论
vue导出Word文件（模板导出）
wjxhliu: vue-cli4.5.6应该放在那哪个目录下呢

vue导出Word文件（模板导出）
° う: 楼主的导出在ie上面可以吗?

ant design of vue 之文件上传组件（腾讯云）封装
清虚桂意: 这是接口，通过后台获取腾讯秘钥的

ant design of vue 之文件上传组件（腾讯云）封装
小罗技术笔记: getCredential()方法为啥没有贴出来

vue项目移动端、pc端适配方案
清虚桂意 回复 weixin_37731420: 如果想做到pc端也适配，还是要改lib-flexible的源码

最新文章
百度地图（前端入门学习）
vue学习之自定义组件的 v-model
vue引入外部js文件（第三方js工具或者jq库）
2020
12月
7篇
09月
3篇
08月
4篇
07月
3篇
06月
10篇
05月
16篇
04月
1篇
03月
4篇
02月
3篇
01月
8篇
2019年20篇
目录
github 克隆
打开vue-devtools，安装依赖包
修改manifest.json文件，把"persistent":false改成true
编译代码
扩展Chrome插件
vue-devtools使用

举报