vue-devtools 各版本安装

chrome 扩展程序地址 Chrome://extensions

到GitHub下载压缩包

GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.

在main下tags选择对应的版本号

5.3.4及以下版本为vue2版本

下载压缩包解压
在终端运行 npm i 或者 yarn (推荐使用yarn，快多了，没有的话执行npm install yarn -g)
上个命令结束后执行yarn run build
打开Chrome扩展程序，打开开发者模式
找到文件vue-devtools/packages/shell-chrome/
把shell-chrome整个拖入扩展程序

6.0及6.1.4版本为vue3版本

下载压缩包解压
在终端运行 npm i 或者 yarn (推荐使用yarn，快多了，没有的话执行npm install yarn -g)
上个命令结束后执行yarn run build:watch
在执行yarn run dev:chrome
找到文件vue-devtools/packages/shell-chrome
把shell-chrome整个拖入扩展程序

6.2版本及以上可支持所有版本（功能齐全，监听整个项目版本，我运行的时候感觉有点卡）

执行命令同vue3版本

这样就下载好了，运行时记得刷新一下，不然在开发者工具里找不到vue

vue-devtools 各版本安装相关推荐

vuejs之Vue Devtools
Vue Devtools大法好这是一篇小白friendly教程 Vue Devtools是一款谷歌浏览器插件,专门为调试vue而设计.假设你做了一个vue应用,当你在调试的过程中,打开的控制台是这样 ...
验证：使用node 12.18.4版本安装vue cli4没有问题（先卸载vue cli2再安装）
使用node 12.18.4版本安装vue cli4没有问题
Vue Devtools 安装
Vue Devtools 是Chrome 浏览器插件,用来调试Vue的,能够更直观.更友好的调试Vue应用下载地址:https://github.com/vuejs/vue-devtools#vue ...
Vue Devtools安装（谷歌浏览器插件：）
vue安装: # 最新稳定版 $ npm install vue # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新 ...
超详细Vue Devtools的下载和安装——Vue的调试工具
在使用 Vue 时,我们推荐在浏览器上安装 Vue Devtools. Vue Devtools 是 Vue 官方发布的调试浏览器插件,可以安装在 Chrome 和 Firefox 等浏览器上,直接内 ...
vue专题之vue不同版本安装卸载、版本号查询【三】
背景 vue版本主要是说项目依赖的vue版本,以及当前系统环境安装了的vue脚手架版本,即vue-cli版本特别是vue-cli版本,通常项目的创建都是通过vue-cli来的 vue-cli高版本创 ...
安装vue Devtools学习记录
在学习vue之前,建议使用Google chrome上安装vue devtools拓展工具.vue devtools提供界面供我们查看vue组件和全局状态管理器vuex中记录的数据. 有条件的可以直接 ...
安装Vue Devtools调试工具插件
Vue Devtools是Vue官方推出的浏览器插件,可以算是Vue开发调试神器,它可以让你能够在浏览器实时的编辑数据并立即看到其反映出来的变化,让你告别console大法.非常好用,谁用谁知道,Vu ...
在火狐浏览器安装vue devtools【简单、快速】
1.打开火狐浏览器 2.添加组件 3.搜索vue devtools 4.点击第一个 5.点击添加到火狐 6.在跳出的框中点击确认添加 7.到此添加成功 8.按F12就可以看到vue扩展程序了
【进阶篇】Vue Devtools——vue开发调试神器
工欲善其事,必先利其器,vue2.0进阶系列的知识更接近我们的实际开发所需,在开发过程中,有个好的调试工具是事半功倍的,Vue Devtools就是我们选择的调试工具,它是一款chrome浏览器的插件 ...

vue-devtools 各版本安装

vue-devtools 各版本安装相关推荐

最新文章

热门文章