mac从 vuejs/devtools 仓库途径获取chrome vue3开发者工具

cheerfulCoder

已于 2023-05-22 11:30:54 修改

阅读量197

点赞数

文章标签： vue.js chrome

于 2023-05-11 17:21:23 首次发布

本文链接：https://blog.csdn.net/weixin_45485922/article/details/130626524

版权

该文章详细介绍了安装Vue.js开发工具的步骤，包括从GitHub下载最新代码，执行yarninstall和build命令，修改Chrome扩展配置，以及在Chrome开发者模式下加载扩展。通过这些步骤，用户可以成功设置并使用Vuedevtools来辅助开发。

摘要由CSDN通过智能技术生成

第一步

先从仓库 https://github.com/vuejs/devtools 下载最新的代码 到本地

进入到 指定目录 
yarn install 
yarn run build

第二步

找到 packages/shell-chrome 目录
在这里插入图片描述

保证 persistent 为 true
在这里插入图片描述

第三步

打开 chrome 扩展打开开发者模式点击添加已解压的扩展程序选中第二步 packages/shell-chrome 目录
在这里插入图片描述

就会出现 vue 扩展程序

第四步

启动vue 项目打开开发者工具选择 vue

在这里插入图片描述

结束

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

cheerfulCoder

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
mac从 vuejs/devtools 仓库途径获取chrome vue3开发者工具

mac 安装vue3 chrome 开发者工具
复制链接

扫一扫

【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）

小韩的博客

09-09

6954

【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）

mac版vue谷歌浏览器插件vue-devtoos

02-15

已经配置好的vue 插件在浏览器扩展程序直接可以使用。mac版的chrome

参与评论您还未登录，请先登录后发表或查看评论

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-devtools

lglsfs_gd的博客

04-14

2912

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

vue获取用户的mac地址

精彩人生的博客

06-11

778

背景：vue前端一般没有直接获取mac地址的方法，我们可以通过nodejs获取，并将获取的网络地址动态通过vue.config.js 写入自定义vue参数process.env。// 这里主要目的是把变量参数写入到 process.env（可以修改 process.env）// 自定义Vue打包插件的配置。

Mac苹果电脑Vue3-devtools开发者工具安装方法以及问题解决方式

m0_56769104的博客

07-01

354

参考。

vue学习随记：Vue开发环境（Mac）搭建之node.js安装及环境配置、vue-devtools工具安装和脚手架安装

鸡肋佐的博客

07-13

938

H5学习随记：Vue开发环境（Mac）搭建之node.js安装及环境配置、vue-devtools工具安装和脚手架安装

在Mac上配置Vue开发环境

九天的学习历程

01-08

1164

在Mac中安装NodeJS通过brew包管理器就会很方便, 因为访问源速度问题建议使用5（阿里），Homebrew开源项目地址：https://gitee.com/cunkai/HomebrewCN/blob/master/README.md。ps:很多人用npm install vue-cli -g 命令，安装的都是2.9.6版本，最新的版本安装命令是“npm install -g @vue/cli”；因为改变了全局安装路径，所以需要配置环境变量，不然出现新安装的工具命令找不到的问题。

在mac上配置vue开发环境

滕青山博客

02-25

1235

在mac配置vue开发环境基本流程如图1所示 1. 在mac上安装brew brew 是 Mac 下的一个包管理工具，作用类似于centos下的yum。 brew 可以用一条命令，就可以在mac上安装、卸载、更新各种软件包，因为brew的使用方便，如今已成为使用mac电脑的程序员的必备工具如果mac没有安装brew，执行下面的命令安装 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebre...

Vue前端开发工具

一起coding，一起嗨。

09-27

7048

一、浏览器-Chrome插件 1.Vue.js detools 2.AdBlock 3.JSONView 4.Momentum 5.minerBlock 6.Chrome控制台，Source断点调试二、开发工具VS Code 1.Chinese(Simplified) Language Pack for Visual Studio Code 2.vscode-icons 3ESLint 4.Vetur 5.Beautfy 6.Markdown Preview Enhanced

mac安装vue-devtools

ShIcily的博客

03-22

2520

1.到github下载vue-devtools 的压缩包 git clone -b add-remote-devtools https://github.com/vuejs/vue-devtools.git 2.在vue-devtools目录下安装依赖包 cd vue-devtools sudo npm install 然后输入电脑密码(加上sudo为了避免权限问题部分依赖无法安装） 3.修改manifest.json文件进入vue-devtools-dev文件夹下的shells .

获取mac地址

12-21

获取MAC地址的几种方法的一个类，希望能对大家有所帮助。

Mac下vue开发环境的搭建步骤以及新建项目

weixin_44099571的博客

06-17

715

Mac下vue开发环境的搭建步骤以及新建项目一、Vue环境搭建 cnpm是淘宝对npm的镜像，如果安装速度慢建议可以尝试cnpm 1.安装Node环境和java需要安装JDK一样，vue也要安装Node环境查看node.js当前版本 $ node -v 安装方法参考node.js官网如何安装Node.js 1.直接在官网下载安装包 2.使用homebrew下载 $ brew install node 2.安装npm/更新npm 新版本Node.js已经包含安装

前端开发日记——在MacBook上配置Vue环境

mac从 vuejs/devtools 仓库 途径 获取chrome vue3开发者工具

第一步

第二步

第三步

第四步

mac从 vuejs/devtools 仓库途径获取chrome vue3开发者工具