chrome的vue插件下载和安装

最新推荐文章于 2024-07-20 15:24:14 发布
最新推荐文章于 2024-07-20 15:24:14 发布
阅读量1.7k 收藏 1
点赞数 1
文章标签： vue.js chrome javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45172866/article/details/129417120
版权
新版VueDevtools的安装过程与旧版不同，需从GitHub下载zip文件，解压后通过npm或yarn安装。如果npm报错，可以尝试使用yarn。执行npmrunbuild后，将shell-chrome文件夹拖入浏览器扩展程序中，重启浏览器即可看到效果。
摘要由CSDN通过智能技术生成

新版的安装跟以前的不太一样了

下载地址：https://github.com/vuejs/vue-devtools

选择下载zip文件
在这里插入图片描述
解压生成一个devtools-main目录，在该目录下打开终端输入npm install或者yarn (我本人用npm报错了，用yarn就ok)
下载成功后输入npm run build
最后把devtools-main --> packages -->shell-chrome 文件夹拖拽到浏览器的扩展程序里就
关闭浏览器，再打开就看到效果了，真香。
在这里插入图片描述

参考老版的方式：https://www.cnblogs.com/ios9/p/16861938.html

迷茫的mm
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
超详细Vue Devtools的下载和安装——Vue的调试工具
沐小侠
01-11 6万+
在使用 Vue 时，我们推荐在浏览器上安装 Vue Devtools。vue-devtools是一款基于Chrome浏览器的扩展，用于调试Vue应用。 下载 Github下载地址：https://github.com/vuejs/vue-devtools/tree/v5.1.1 解压下载的文件，在这里解压到D:/Vue下。 在命令行中切换到解压好的vue-devtools-5.1.1目录，使用cnpm install命令进行依赖安装。 依赖包下载完后执行npm run build,编译打包成功后会
Chrome浏览器安装vue插件（附插件下载地址）
YuaNxY_top的博客
12-28 5478
Chrome浏览器安装vue插件
Chrome浏览器的vue开发插件
09-27
Chrome浏览器的vue开发插件，解决本地扩展程序中没有vue的情况，对前端页面进行高效调试
vue用到的各种三方插件的介绍和使用方法
最新发布
m0_71207979的博客
07-20 1374
各种第三方组件和库的使用，大家又好用的可以评论，一起进步
Chrome（谷歌浏览器）安装Vue插件vue-devtools(最新版+图文详解附带免费下载地址)
m0_56245036的博客
08-13 6425
链接: https://pan.baidu.com/s/1L21kNwu8rp2fHkpz5Fwu-w?pwd=n5uu 提取码: n5uu。因为Chrome浏览器的扩展商城的一些问题，需要进行一些特殊操作，咱们废话少说。在浏览器地址栏输入chrome://extensions/然后把刚刚下载文件夹中的xxx.crx,拖入浏览器当中。不会拖可以看一下文件中的视频。实现去下载百度网盘下载。...
Chrome浏览器中的vue插件vue-devtools的下载安装
2301_76868945的博客
01-21 1684
原文链接：https://blog.csdn.net/weixin_53221528/article/details/134963962。几乎所有的Chrome应用商店中的插件都包括了，且免费下载，下载。在谷歌应用商店下载，但应用商店打不开（求大佬告诉我怎么打开）其中可以便捷的查看vueX的数据以及组件结构等，非常方便。使用Vue开发项目时，常会用到一款谷歌浏览器插件，于是找了一个国内下载Chrome。成功安装该插件并可以正常使用。2.国内gitee下载。3.浏览器应用商店下载。按照按照流程完成安装。
vue-devtools chrome 插件
12-19
chrome（谷歌浏览器）vue代码调试插件， 已打包。解压后，通过chrome扩展程序加载即可使用。 使用方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮，选择解压后的chrome文件夹，即可添加成功。 4、添加完vue-devtools扩展程序之后，我们在调试vue应用的时候，ch rome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息
浏览器下载安装vue插件
qq_53366282的博客
04-24 2058
这里我用的是火狐浏览器 仅限参考 首先打开浏览器 然后进行下列截图操作 进入扩展和主题后： 属于要找的插件名 搜索后 看那个符合要求插件，进行安装就好了 这时 浏览器上 vue 插件就可以使用了 写个vue实例测试运行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compa..
Chrome 安装Vue插件vue-devtools
06-24
开箱即用 加压包，找到shells下的chrome，再打开谷歌浏览器的扩展程序选中chrome
chrome插件 vue-devtools离线安装包
04-27
1. 首先，你需要下载压缩包“vue-devtool-chrome”，这包含了Vue Devtools的所有源码文件。 2. 解压缩文件，通常你会得到一个包含多个文件和文件夹的结构，其中`manifest.json`是Chrome扩展的配置文件，`src`文件夹...
vue-devtools，chrome vue插件
03-06
Vue.js 是一个流行的前端JavaScript框架，它简化了构建用户界面的工作流程，提供了组件化、响应式数据绑定和声明式渲染等功能。Vue DevTools 是一款专为 Vue...安装和使用Vue Devtools 是每个Vue开发者必备的技能之一。
chrome插件vue_develtool
12-03
chrome下的vue调试插件，方便进行vue的调试，该文件是通过导入的方式下载，安装和使用方式参考博主的《vue学习笔记2》
谷歌浏览器 vue插件工具
04-29
vue谷-歌插件，开发帮手vue-devtools Vue.js devtools：调试vue.js应用的浏览器扩展 Chrome插件
谷歌浏览器vue devtools插件
05-18
谷歌浏览器vue devtools插件，下载即可安装
vue-devtools谷歌浏览器插件
10-21
下载解压，选择谷歌浏览器的扩展程序，打开开发者模式，选择加载已解压的扩展程序，选择解压后的文件夹，运行vue项目，按F12，找到vue即可
vue插件
01-08
vue插件
vue dev-tools离线安装包 chrome版本 6.6.1
04-13
Vue dev-tools浏览器扩展的下载，安装方式如下： 打开Chrome浏览器–>选择更多工具–>扩展程序–>打开开发者模式,点击“加载已解压的扩展程序” 如果找不到该方式就看下开启开发者模式再试。
适用于chrome的vue插件
04-07
在使用Vue.js Chrome插件时，开发者需要注意确保浏览器的安全设置允许安装和运行来自非Chrome Web Store的扩展（因为".crx"文件通常表示直接下载的扩展文件）。同时，保持Vue.js和Chrome浏览器的更新，以获取最新的...
Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）
weixin_72322475的博客
07-31 4243
Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值