mac下安装Vue DevTools

最新推荐文章于 2024-04-30 10:00:00 发布
最新推荐文章于 2024-04-30 10:00:00 发布
阅读量657 收藏 1
点赞数 1
分类专栏： vue 文章标签： mac下安装Vue DevTools vue vue devTools 安装vue devtools
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35457469/article/details/102971934
版权
1.安装

去Vue DevTools 项目的官方主页GitHub上下载。因为直接在Chrome应用商店下载需要翻墙。
https://github.com/vuejs/vue-devtools

2.安装项目所需的依赖包 — npm 包

进入下载好的vue-devtools-dev文件夹的目录，通过命令输入以下代码:

yarn install
3.编辑项目文件
yarn run build
4.打开Chrome扩展程序页面
5.查"开发人员模式"
6.点击“加载解压后的扩展程序”，然后选择shells/chrome
僵尸C掉了我的脑子
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
mac安装Chrome插件：vue.js.devtools
qq_35981694的博客
04-24 1609
针对无法翻墙用户 1.去github上下载zip包 下载地址：https://github.com/vuejs/vue-devtools 百度网盘地址：链接: https://pan.baidu.com/s/1DlvxTAEs229IvTNJFUmYog 提取码: br0r 2.打开位于该文件夹终端 通过npm或cnpm安装依赖（如果没有请自行百度安装node.js） sudo cnpm install 3.构建改项目 npm run build 4.打开文件夹的 修改 "p
vuedevtools安装.rar
03-30
2. **安装Vue DevTools**：下载完成后，浏览器会提示你确认安装。点击“添加扩展程序”或相应按钮，Vue DevTools 就会被安装到你的浏览器中。 3. **启用Vue DevTools**：打开Chrome浏览器，确保你已经启用了开发者...
mac安装 devtools
k_l4012的博客
11-17 605
mac电脑安装vue-devtools-master的步骤(作为自己安装记录,也希望能帮到其他人)
# 谷歌 chrome 浏览器中的 vuejs devtools 插件工具的安装方法
最新发布
段子手168的博客
04-30 3242
github 下载地址：https://github.com/vuejs/vue-devtools如下载：vue.js-devtools-4.1.3.zippage=9。
MAC-安装Vue调试工具vue-devtools
m0_64563365的博客
05-09 1236
1 下载chrome插件vue-devtools代码，下载地址:GitHub - vuejs/devtools at v5.1.1 2 命令窗口打开cd到当前包下： cd devtools 3 下载安装依赖包： npm install 4 编译文件 npm run build 编译后会产生shells文件夹 5 打开Chrome的 更多工具==>扩展程序 6 打开开发者模式 7 点击加载已解压的扩展程序按照提示，选中shells->chrome上传扩展程序 8 显示以...
mac 安装Vue调试工具vue-devtools
weixin_47188500的博客
03-08 1050
mac安装Vue调试工具vue-devtools
MACOS安装react-devtools和固定常用工具栏
weixin_72459962的博客
05-20 310
react开发工具安装详细过程
通过实例解析chrome如何在mac环境中安装vue-devtools插件
10-15
主要介绍了通过实例解析chrome如何在mac环境中安装vue-devtools插件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
vue-devtools-dev.rar附带安装教程 自己总结的，确定可用
02-22
通常，Vue DevTools可以从Chrome Web Store或Firefox Add-ons Marketplace直接下载安装，但这里提供的版本可能包含了作者自己总结的安装步骤，这对于初学者，特别是那些遇到安装问题的人来说非常有用。 安装Vue ...
devtools-5.1.0.zip
09-30
在安装和使用Vue.js DevTools时，需要注意以下几点： 1. **安装**：首先，你需要在Chrome浏览器中打开`chrome://extensions/`页面，开启"开发者模式"，然后选择"加载已解压的扩展程序"，将"devtools-5.1.0"文件夹...
vue-devtools(chrome vue 调试插件) mac windows 前端开发
04-15
chrome（谷歌浏览器）vue代码调试插件， 已打包。解压后，通过chrome扩展程序加载即可使用。 使用方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮，选择解压后的chrome文件夹，即可添加成功。 4、添加完vue-devtools扩展程序之后，我们在调试vue应用的时候，chrome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息
mac版vue谷歌浏览器插件vue-devtoos
02-15
已经配置好的vue 插件在浏览器扩展程序直接可以使用。mac版的chrome
vuedevtools安装.zip
10-27
用于Chrome本地安装vue-devtools，无脑安装！！！！ 安装过程： 1.Chrome=》设置=》更多工具=》扩展程序 2.打开开发者模式 3.加载已解压的扩展程序=》选择解压后的文件夹 4.重启浏览器 5.如果失败，在加载后的vuedevtools设置页面开启“允许访问文件网址”
Mac Google 安装 vue-devtools
u011269388的博客
05-31 934
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用。
mac 安装vue 调试插件：vue-devtools
weixin_41431016的博客
07-14 536
下载项目到本地某个目录下vue-devtools项目地址 解压后进入到目录执行 npm install npm run build 　将其添加到chrome的扩展程序 点击选择shells/chrome 即可导入成功 重启chrome，打开自己的项目就可以看的vue插件 ...
Mac安装Vue调试工具vue-devtools
lglsfs_gd的博客
04-14 2842
Mac安装Vue调试工具vue-devtools 文章目录Mac安装Vue调试工具vue-devtools通过github下载安装1.github下载2.安装插件3.vue-devtools使用收藏猫插件安装1.下载插件2.安装插件 本文主要介绍在无法翻墙的情况下安装Chrome插件vue-devtools的方法。如果你比较懒，请直接通过目录跳转到收藏猫插件安装。 背景：Mac、Chrome、vue-devtools、github 通过github下载安装 1.github下载 从github下载 gi
mac上安装并使用浏览器插件vue-devtools 避免踩坑 亲测有效
weixin_46734347的博客
03-15 792
mac上安装并使用浏览器插件 vue-devtools 避免踩坑 亲测有效 vue-devtools 是一款用于调试vue的浏览器插件，用过的人应该都知道，非常友好，极大提高调试效率，以下就是安装步骤 将github上的vue-devtools项目clone至本地 git clone https://github.com/vuejs/vue-devtools.git 切换到vue-devtools目录 cd vue-devtools 查看一下当前所处git分支，clone后是默认处于dev
【mac vue-devtools】mac vue谷歌浏览器插件
小耳朵晨晨
02-14 1866
第一步：盘她！ 地址：百度云地址链接: https://pan.baidu.com/s/1oW-F3G99-nZWtSm3lIoEwQ 提取码: gey5 防止百度云失效再上个csdn地址：https://download.csdn.net/download/p930318/10958115 下载后把插件放入浏览器中请看第二步 第二步： 打开谷歌浏览器找到扩展程序 --...
源码安装安装Vue DevTools
05-13
安装 Vue DevTools 的方法取决于你使用的开发工具。以下是一些常用编辑器的安装方法： 1. 在 Chrome 中安装 Vue DevTools 插件 - 在 Chrome 浏览器中打开网页 chrome://extensions/。 - 在该页面的右上角，打开...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值