vue-devtools的安装

最新推荐文章于 2024-07-02 09:42:30 发布
最新推荐文章于 2024-07-02 09:42:30 发布
阅读量168 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_45294725/article/details/105971588
版权

这个使用来调试vue的

步骤一：通过git-cmd.exe进入想下载进的文件

在这里插入图片描述

步骤二：通过下面命令下载

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

//一定要指定版本或分支，不然默认最新的开发的，无法编译通过

在这里插入图片描述

步骤三：下载完成进入vue-devtols中进行安装

cd ./vue-devtools

cnpm install

在这里插入图片描述

步骤四：安装完成后将manifest文件的persistent的值改为true

在这里插入图片描述

在这里插入图片描述

步骤五： 编译

npm run build

在这里插入图片描述

步骤六：在浏览器选择文件夹即可

在这里插入图片描述

vuedevtools安装
03-02
vuedevtools安装中chrome扩展，里面包含了安装的方法
Vue调试神器vue-devtools安装
盏茶作酒的博客
04-20 258
前言 vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。 chrome商店直接安装 vue-devtools可以从chrome商店直接下载安装，非常简单，这里就不过多介绍了。不过要注意的一点就是，需要翻墙才能下载。 手动安装 第一步：找到vue-devtools的gi...
学习 Vue 必备——Vue.js devtools 插件安装免费教程（可不必翻墙，极简插件）
最新发布
qq_52530691的博客
07-02 1163
Vue.js DevTools 是一个用于增强 Vue 开发人员体验的工具，它提供了一些功能来帮助开发者更好地了解 Vue 应用程序。Vue.js DevTools 是一款基于chrome(谷歌) 游览器的插件，所以本文主要介绍基于 chrome(谷歌）浏览器的安装教程。 学习 Vue 必备——Vue.js devtools 插件安装免费教程（可不必翻墙，极简插件，保姆级教程）
devtools安装
weixin_46048542的博客
11-30 7339
加载已解压的扩展程序，接着选择找到刚才解压的文件夹 ，目录层级为：E:\devtools\devtools-main\packages。vue官网上找到vue-devtools的GitHub项目。我选择放在E盘中新建的devtools文件中，解压。进入解压好的devtools-main文件夹中。搜极简插件，在里面搜devtools。然后在命令窗口中输入以下命令。这里默认已经下载了node。完成之后，进入谷歌浏览器。选择更多工具–>扩展程序。
vue-devtools安装工具包.zip
03-23
内附已用npm处理过的vue-devtools工具包，已配置过源码文件，直接拿来用即可。利用vue-devtools工具包安装vue-devtools的具体操作过程可查看博主主页文档，操作简单，便于上手。
Vue-DevTools安装教程.docx
08-18
### Vue-DevTools安装教程 #### 一、概述 Vue-DevTools是一款专为Chrome浏览器设计的开发工具扩展，主要用于调试Vue.js应用程序。通过这款工具，开发者能够更方便地检查和调试Vue应用的状态，这对于提高开发效率至...
vue调试工具vue-devtools安装及使用方法
12-12
Chrome 扩展**：打开谷歌浏览器，进入扩展程序页面（`chrome://extensions/`），开启开发者模式，然后点击“加载已解压的扩展程序”，选择 `vue-devtools/shells/chrome` 文件夹，这样就成功安装了 Vue Devtools。...
vue-devtools
03-27
在Chrome、Firefox等主流浏览器上安装Vue Devtools后，开发者可以在浏览器的开发者工具中找到Vue标签页。这个标签页分为以下几个部分： 1. **组件树**：展示了应用中的所有Vue组件及其嵌套关系。你可以查看每个组件...
vue-devtools安装
大连赵哥的博客
06-10 219
vue-devtools安装
vue devtools安装
weixin_39520640的博客
03-24 166
1、到github下载：https://github.com/vuejs/vue-devtools 2、在vue-devtools目录下安装依赖包： npm i 3、修改shells->chrome->manifest.json文件 把"persistent":false改成true 4、打包 npm run build 5、打开谷歌浏览器，设置—>扩展程序，勾选开发者模式...
vue devtools的安装
weixin_45849417的博客
02-16 329
vue devtools
Vue - vue-devtools 安装
qq_43612151的博客
02-05 1038
一、vue-devtools仓库地址 https://github.com/vuejs/vue-devtools.git 二、把仓库clone到本地打包 （1）git clone https://github.com/vuejs/vue-devtools.git （2）cd vue-devtools （3）非常重要的一步，确认是否在master分支，没有就切换到master分支 （4）npm i 安装依赖模块 （5）npm run build 打包 （6）在chrome的地址栏中输 chrome://ext
解决Vue-devtools安装npm错误的详细步骤
当遇到在安装Vue.js开发工具vue-devtools时，通过npm install命令总是报错的问题，这可能是由于权限问题、网络连接、依赖冲突或者其他配置错误导致的。以下是亲测有效的解决方案步骤： 1. **环境准备**： 首先，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值