Vue-Devtools安装配置教程

最简便方法！可直接GitHub下载https://blog.csdn.net/weixin_38654336/article/details/80790698

devtools 安装与配置指南 devtools Tools to make an R developer's life easier 项目地址: https://gitcode.com/gh_mirrors/devt/devt...

加载已解压的扩展程序，接着选择找到刚才解压的文件夹 ，目录层级为：E:\devtools\devtools-main\packages。vue官网上找到vue-devtools的GitHub项目。我选择放在E盘中新建的devtools文件中，解压。进入解压好的devtools-main文件夹中。搜极简插件，在里面搜devtools。然后在命令窗口中输入以下命令。这里默认已经下载了node。完成之后，进入谷歌浏览器。选择更多工具–>扩展程序。

vue-devtools是一款基于chrome浏览器的插件，用于调试vue应用。 安装: chrome商店直接安装。 手动安装 步骤: 找到vue-devtools的github项目，并将其clone到本地:git clone https://github.com/vuejs/vue-devtools.git 安装项目所需要的npm包:npm install 编译项目文件:npm run build 添加至chrome浏览器:地址(“chrome://extensions/”)进入扩展程序页面，点击“加载

vue是现在比较火的一个框架，加上去年vue3的发布，更推动了vue一个层级vue开发项目，自然少不了他的调试工具,这个非常好用，对vue开发者来说，这简直是福音，下面我们一起来看一下他的安装使用吧。方式一：通过 Chrome 应用商店安装简单方便但是需要梯子方式二：通过离线安装包安装方式三：下载源码编译安装。

我在安装vue-devtools的过程中遇到的问题 所参照的安装教程：https://blog.csdn.net/cx_carol/article/details/106874788 （按照这个教程安装是没有问题的，大家可以看看哈！） 我做的操作： 1、下载devtools工具安装包 选择master分支我下载的是.zip后缀的压缩包（下载完了记得一定要解压）， 我的目录：D:\vue\vue-devtools-master 一、第一次安装 步骤1：在解压后的D:\vue\vue-devtools-mast

chrome市场上不去，建议用edge edge的外接程序中找到reduc devtools,然后安装 项目中需要安装redux-devtools-extension npm i -D redux-devtools-extension // index.js import { composeWithDevTools } from "redux-devtools-extension"; import { createStore,applyMiddleware } from "redux" import ro

打开谷歌浏览器设置—>扩展程序–》 勾选开发者模式—》加载已解压的扩展程序—》 选择“chrome扩展”文件夹，至此恭喜已经安装成功！！！

我按照网上的教程安装就可以，但我安装完后用的时候插件报错。解决办法。选择正确的版本安装。

步骤如下： 1.在你C/D盘创建一个文件夹。 2.打开文件夹右击选择 git bash here,出现可以输入git命令的弹框 3.输入以下指令： 1.git init // 初始化你的git 2. git clone https://github.com/vuejs/vue-devtools // 把代码clone到本地这个有个注意点就是要拉取master分支下的代码不是dev分支的 //...