vuedevtools使用_怎么下载vue_devtools

vuedevtools使用_怎么下载vue_devtoolsCSDN首页首页博客程序员学院下载论坛问答代码直播电子书最牛小程序:想要的资源都能搜到?会员中心收藏动态消息15创作中心vue调试工具vue-devtools安装及使用(最新)清虚桂意2020-06-2310:27:29606已收藏4分类专栏:vue版权github克隆vue-devtools官方项目地址gitclone-bv5.1.1https://github.com/vuejs/vue-devtools.git1此处安装v5.1

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

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使用

举报

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/185536.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • otn与stn网络_mstp和stn的区别

    otn与stn网络_mstp和stn的区别SDH、MSTP、OTN和PTN的区别和联系看了很多人写的关于SDH、PTN和O…SDH、MSTP、OTN和PTN的区别和联系_信息与通信_工程科技_专业资料。首…SDH与MSTP_信息与通信_工程科技_专业资料。一、判断题(共5道小题,共50.0分)1.以字节交错间插方式构成高阶STM-N(N>1)段开销时,第一个STM-1……MSTP、SDH+ATM、OT…

    2022年10月18日
  • idea在类中搜索方法的快捷键_idea控制台搜索快捷键

    idea在类中搜索方法的快捷键_idea控制台搜索快捷键展开全部IntelliJIDEA代码常用的快捷键有:Alt+回车导入包,自动修正Ctrl+N查找类Ctrl+Shift+N查找文件Ctrl+Alt+L格式e69da5e887aa62616964757a686964616f31333365646234化代码Ctrl+Alt+O优化导入的类和包Alt+Insert生成代码(如get,set方法,构造函数等)Ctrl+E或者Alt+…

    2022年10月10日
  • jboss项目文件路径_java读取一个文件夹下的所有文件

    jboss项目文件路径_java读取一个文件夹下的所有文件==========转自:https://blog.csdn.net/tomcat_2014/article/details/50624120===========JavaWeb中读取文件资源的路径问题转载 2016年02月02日15:34:4916757在做javaweb开发的时候,我们可能会需要从本地硬盘上读取某一个文件资源,或者修改某一个文件,这个时候就需要先找到这个文件,然后用FileI…

  • python怎么保留四位小数_jq四舍五入取小数点后两位

    python怎么保留四位小数_jq四舍五入取小数点后两位在很多场景的计算中,最终得到的数值例如123.45678,要截取2位小数得到123.45,而不是默认的四舍五入方法得到123.46,如何实现呢?一.小数点后取2位(四舍五入)的方法方法一:round()函数方法二:’%.2f’%f方法方法三:Decimal()函数二.小数点后取2位(四舍五不入)的方法方法一:一.小数点后取2位(四舍五入…

  • WIN2016安装织梦没写入权限怎么办听语音

    WIN2016安装织梦没写入权限怎么办听语音

  • [QT] QMap使用详解

    [QT] QMap使用详解[QT]QMap使用详解一.目录1.实例化QMap对象2.插入数据3.移除数据4.遍历数据5.由键查找对应键值6.由键值查找键7.修改键值8.查找是否包含某个键9.获取所有的键和键值10.一个键对应多个值1.实例化QMap对象/*创建QMap实例,第一个参数为QString类型的键,第二个参数为int类型的值*/QMap<QString,int>map;2.插入数据/*插入数据两种方式*/

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号