完美安装vue-devtools

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

1.下载压缩包
链接：https://pan.baidu.com/s/1wUScjM1H5wdwRIJoznMjjg
提取码：8f2x
2.解压后，在vscode中打开终端
找到解压后的目录下，运行npm install
3.运行npm run build
4.打开google浏览器，扩展应用中添加文件夹vue-devtools-dev\packages\shell-chrome
添加后
在这里插入图片描述
如遇到问题：
1.试试更新npm
2.试试用cnpm

Jolly-XB
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Vue.js devtools
12-13
当使用 Vue 时，我们推荐同时在你的浏览器上安装 Vue Devtools，它允许你在一个更加友善的界面中审查和调试你的 Vue 应用。
小记本地安装React Devtools的方法
weixin_47541876的博客
10-08 177
git地址 https://github.com/facebook/react-devtools/tree/v3 一、下载安装包 然后我是用vscode打开该项目 在控制台（Terminal）先安装npm npm install 打开package.json可以看到以下命令 我们执行npm run build:extension:chrome命令安装谷歌的即可，出现如下图所示提示即表示已经成功 成功后会生成一个unpacked文件（react-devtools -> shells -> c
vue-devtools下载
最新发布
j3300mm的博客
04-02 67
太悲哀了，一个小小的插件，我找了半天，有多个版本，放链接里了
vue.js devtools安装
weixin_30593261的博客
06-21 36
在调试的时候chrome会提示安装vue devtools，我以为是要在chrome的程序商店直接安装，但是国内对谷歌的和谐，无法访问谷歌商店内容 官方有源代码，可以下载下来自行编译安装 官方地址：https://github.com/vuejs/vue-devtools 下载压缩包，解压到本地后，vscode打开vue-devtools-master目录 运行安装依赖包 np...
不使用架构工具在vscode中操作vue,扩展添加vue.js.devtools（Hollo案例）
mmxiguang的博客
09-05 378
vscode中操作vue,添加vue.js.devtools工具
vue-devtools安装包
06-04
vue-devtools安装包，可以解压直接使用，支持vue3
尚硅谷——VsCode如何将Vue-Devtools布置到Vue内（图文并茂）
那人独钓寒江雪
08-06 541
如果Vs内使用的不是网址而是file开头那么你需要打开以下这个选项。打开之后将压缩文件内的插件移入此浏览器扩展程序内。默认状态下没有开打，此时需要打开开发者模式。
安装vue-devtools时，npm install总是报错的解决方案
qq_46020783的博客
11-25 2537
在安装vue-devtools时，npm install时总是报错，各种方法都试了，都是不成功，最后在网上找到了这种方法成功了，记录下来。 第一步：创建一个新的空文件夹，最好可以见名知意，进入文件内部，按住shift加右键进去powershell，也可以在cmd中使用cd命令进入此文件夹。 第二步：在终端输入npm install vue-devtools 第三步：下载完成后，会出现一个node_modules文件夹，进入此文件夹，找到其中的vue-devtools文件夹，将其中的vender文件夹拖
【CSDN软件工程师能力认证学习精选】vue.js 三种方式安装(vue-cli)
CSDN高校俱乐部官方博客
02-26 2017
CSDN软件工程师能力认证（以下简称C系列认证）是由中国软件开发者网CSDN制定并推出的一个能力认证标准。C系列认证历经近一年的实际线下调研、考察、迭代、测试，并梳理出软件工程师开发过程中所需的各项技术技能，结合企业招聘需求和人才应聘痛点，基于公开、透明、公正的原则，甑别人才时确保真实业务场景、全部上机实操、所有过程留痕、存档不可篡改。 我们每天将都会精选CSDN站内技术文章供大家学习，帮助大家系统化学习IT技术。 Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web .
学习笔记|Vue入门笔记—Vue安装详细教程
Jum的博客
03-14 8532
1. 创建项目（最好在cd到D盘、E盘的某个位置，即项目的路径，否则项目会新建在C:\Users\用户名\，也可以直接在想要的项目路径下输入cmd）可能会出现权限问题，所以我们还是以管理员运行。4、然后安装到这一步的时候有五组选项，就是安装的时候会安装一些组件和npm，同时会添加环境变量，具体点击每一个的时候右侧有说明。其中-g是全局安装，指安装到global全局目录去，如果不加-g，模块就会安装到当前路径下的node_modules文件夹下，没有目录则自动创建。选择【Next】，然后继续下一步。
Vue调试神器vue-devtools.zip
12-26
vue-devtools是一款专门用于vue应用调试的浏览器插件，可以大大地提高vue应用的调试效率。
vue-devtools@6.1.4谷歌插件
04-27
vue-devtools是Vue开发的调试工具，官方推荐使用，vue-devtools第6代支持vue2和vue3，以及pinal，官方提供源代码，但是需要自己构建，构建的过程基本上没有3个坑都不能成功，这里直接分享一些，需要的小伙伴可以拿去
vue-devtools-5.1.1.zip
04-23
在github链接上面直接下载的vue-devtools 不可用，我这里在分支里面下载的，5.1.1版本可用的。 使用方法 切换到根目录 cnpm install，然后 npm run build，再 修改shells\chrome 目录下的manifest.json 里面的 ...
vue-devtools
06-02
2、vue-devtools的安装与使用 在解压后的文件夹中打开cmd命令行，在命令行中输入命令 npm install（若不能使用npm命令，请先安装node.js） 下载完成后执行：npm run build 命令 完成安装。 然后进入 shells\chrome子...
vue安装详细步骤
qq_42680327的博客
10-11 5893
vue安装详细步骤
Vue的安装及使用教程【超详细图文教程】
WHF__的博客
03-07 1万+
安装webpack-cli：npm install --g webpack-cli。⑧选择存放配置，此处建议选择第二个，存放到package.json中，回车即可。此处建议选择默认配置，即直接回车即可。npm install vue -g // -g为全局安装。⑦选择什么时候进行代码校验，此处建议选择第一个，回车即可。④选择vue版本号，这里我选择2.x，回车键继续。③根据自己的需求选择，按空格键选择，回车键继续。⑤这里我选择否，输入： n，回车继续。⑨选择是否保存本次配置。
vue安装步骤（详细版）
梦旅人的博客
09-20 5225
vue的安装笔记
vue-devtools-简介、下载、安装、配置、使用
热门推荐
记录和分享属于我的“IT”时光
03-21 2万+
vue-devtools-简介、下载、安装、配置、使用
下载、编译、安装、使用 vue-devtools
weixin_59916662的博客
10-17 1万+
下载、编译、安装、使用vue-devtools
mac 安装vue-devtools
12-10
以下是在Mac上安装vue-devtools的步骤： 1.首先，确保你已经安装了Node.js和npm。如果没有，请先安装它们。 2.打开终端并输入以下命令来全局安装vue-cli： ```shell npm install -g vue-cli ``` 3.接下来，输入...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值