npm run build无法安装vue-devtools的另一种安装方法

最新推荐文章于 2024-07-23 15:45:06 发布
最新推荐文章于 2024-07-23 15:45:06 发布
阅读量234 收藏 1
点赞数
分类专栏： vue-devtools 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Diandaoweizhi1/article/details/120489609
版权

一、正常安装步骤

  1. git clone https://github.com/vuejs/vue-devtools
  2. cd vue-devtools
    cnpm install
  3. 修改manifest.json文件 把"persistent":false改成true
    在这里插入图片描述
  4. npm run build

如果npm run build 报错：
在这里插入图片描述
二、另一种安装方式：
创建一个文件夹，进入当前文件夹的终端。
输入npm install vue-devtools
安装好后，找到该文件夹下的node_modules/vue-devtools/vender 把vender这个文件夹拖到chrome里面的扩展程序。
如果拖不进去，就按下图导入vender文件夹。
在这里插入图片描述

CChaos-
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-devtools安装不上，各种问题，npm install有bug，npm run build也有bug， 无法为内容脚本加载 JavaScript“build/hook.js”
weixin_40945354的博客
08-07 2028
ivyone@ivyonedeMacBook-Pro devtools-main % npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: vue-devtools@6.0.0-beta.15 npm ERR! Found: eslint-plugin-promise@5.1.0 npm ERR! node_modul
vue调试工具vue-devtools安装及使用方法
12-12
下面我们将详细介绍 Vue Devtools 的安装和使用方法。 ### 安装 Vue Devtools 1. **克隆仓库**：首先，你需要从 GitHub 上下载 Vue Devtools 的源码。你可以通过以下命令克隆仓库： ``` git clone ...
解决谷歌浏览器扩展程序中无法安装vue-devtools插件 或者拖拽安装后报错的情况
热门推荐
李小乐er
03-01 2万+
1.下载vue-devtools插件 地址 https://github.com/vuejs/vue-devtools2.解压vue-devtools-master 并双击打开 进入文件夹 3.在该文件夹下运行cmd，若是cmd进入的地址不是文件夹所在地址cd 进入解压的vue-devtools-master 所在的路径即可，例如我这里进入是c:\Users\shilei所以要  cd Deskt...
vue electron安装，启动遇到的坑
jenkinz的博客
04-07 2277
electron运行的时候加载vue-devtools失败 由于网络的问题，electron运行的时候加载vue-devtools失败。Unable to install `vue-devtools` 。从日志里看retry了四次都timeout了。 找了一圈，这个也没有淘宝镜像等国内镜像。不过后来按网上找了个方法，成功加载了最新的版本。 对于开发来讲，好的调试工具太重要了。 先npm install vue-devtools --save-dev 然后 把ready事件里面注释掉5行，...
Unable to install `vue-devtools`: Error: net::ERR_CONNECTION_TIMED_OUT
stefanie_sun723的博客
06-09 3985
Unable to install `vue-devtools`: Error: net::ERR_CONNECTION_TIMED_OUT
electron-vue中Unable to install `vue-devtools`的报错问题
u014226080的博客
01-14 3795
由于网络的问题，electron运行的时候加载vue-devtools失败。 Unable to install vue-devtools 。从日志里看retry了四次都timeout了。 找了一圈，这个也没有淘宝镜像等国内镜像。不过后来按网上找了个方法，成功加载了最新的版本。 对于开发来讲，好的调试工具太重要了。 先 npm install vue-devtools --save-dev 然后 把ready事件里面注释掉5行，再加上一行手动加载的。 最终src/main/index.dev.js里面修改
vue-devtools在 npm run build 失败
sunshine_0880的博客
09-30 4685
小编最近在学习vue相关的知识，但刚开始就卡在了vue的调试工具上，很苦恼。直接上链接吧：→推荐大神解决的文章 小编极力喜欢这种方式，解决了我遇到的问题，如果你也与我遇到同样问题也可以点击大神链接。（先安装了node.js）首先大神是在下载好的nodejs\node_modules目录下进行直接npm安装vue-devtools，安装成功后在此目录下会又vue-devtools文件。 然后，我就成功了！！！开心 接下来就是我搜到的大多数的版本：：：：如果能帮助大家就好，但是我失..
安装vue devtools依赖包不成功
Yan65919的博客
03-13 242
安装vue devtools工具，出现错误。
VUE 配置vue-devtools调试工具及安装方法
01-19
再运行 npm run build 进行编译生成 这两条指令的运行都需要一定的时间，请耐心等待，build 成功后如下图： 3.修改安装目录vue-devtools\shells\chrome 中 的manifest.json文件。 将persistent 参数改为 true，如下...
vue-devtools安装插件
03-23
1.下载解压 2.打开谷歌浏览器设置--->扩展程序--》勾选开发者模式---》加载已解压的扩展程序---》选择“chrome扩展”文件夹 3.OK
vue-devtools-5.1.1.zip
04-23
在github链接上面直接下载的vue-devtools 不可用，... 使用方法 切换到根目录 cnpm install，然后 npm run build，再 修改shells\chrome 目录下的manifest.json 里面的 "persistent": true 。然后在扩展程序添加就Ok了
vue-devtools
06-02
下载完成后执行：npm run build 命令 完成安装。 然后进入 shells\chrome子目录，编辑 manifest.json 文件，修改persistent 为 true。 注意有可能build报错，可以下载附件使用，这里只包含shells下的chrome，直接...
vue-devtools的安装和使用步骤详解
10-16
在安装过程中，你还需要在插件文件夹下运行 `npm run dev`，这将启动一个本地服务器，使得 Vue DevTools 能够运行。一旦完成这个步骤，你可以在浏览器中访问任何本地 Vue 项目，Vue DevTools 就会自动与项目关联，...
npm run build无法安装vue devtools，使用另一种方法成功安装
qq_44850230的博客
10-08 263
npm run build无法安装vue devtools，使用另一种方法成功安装 用github 的下载包安装，到npm run build 的时候问题会出现一些问题。下面就介绍一下解决的方法。 创建一个空文件夹，进入这个文件夹按住 shift + 右键 选择进入powershell ，就可以进入这个文件的终端。 输入： npm install vue-devtools 完成后，进入该文件下的node_modules 文件，找到 vue-devtools 文件，进入其中，将vender 文件拖至谷歌浏览
vue devtools的安装
陈小穗子
12-06 1653
vue devtools的安装
为Electron 安装 vue-devtool等扩展
weixin_30586085的博客
04-28 851
相关代码: https://github.com/WozHuang/Barrage-helper/blob/master/src/main/index.dev.js 在SPA逐渐成为构建优秀交互体验应用的主流方式后，使用Electron开发跨平台的软件是一个优秀的解决方案。下面简单介绍一下 Electron-vue 安装 vue-devtool的方式。 安装步骤 下载 vue-devtool...
vue-devtools 安装编译失败的解决方法
m0_61073617的博客
03-29 2299
先说下这个插件有什么作用： vue-devtools是一款基于chrome浏览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率 按照安装步骤进行操作 1.克隆git clone https://github.com/vuejs/vue-devtools.git 2.cmd 安装依赖 npm install 或者 cnpm install 3.编译 npm run build 4.谷歌浏览器输入地址 "chrome://extensions/"进入扩展程序页面，点击“加载已解压的扩..
Python Formulas模型以JSON格式文件导出导入
最新发布
Humbunklung的专栏
07-23 343
Python Formulas库，JSON格式导出导入。
mac 安装vue-devtools
12-10
以下是在Mac上安装vue-devtools的步骤： 1.首先，确保你已经安装了Node.js和npm。如果没有，请先安装它们。 2.打开终端并输入以下命令来全局安装vue-cli： ```shell npm install -g vue-cli ``` 3.接下来，输入以下命令来克隆vue-devtools存储库： ```shell git clone https://github.com/vuejs/vue-devtools.git ``` 4.进入vue-devtools目录并安装依赖项： ```shell cd vue-devtools npm install ``` 5.最后，输入以下命令来构建vue-devtools： ```shell npm run build ``` 6.构建完成后，你可以在vue-devtools/shells/chrome 目录下找到一个名为“devtools”的文件夹。打开Chrome浏览器并导航到chrome://extensions/。在右上角启用“开发者模式”，然后点击“加载已解压的扩展程序”并选择刚才构建的“devtools”文件夹。 7.现在，你就可以在Chrome浏览器的开发者工具中使用vue-devtools了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值