VUE3 vue-devtools 调试工具下载安装

官网下载地址：GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.

终端命令行进入到解压后的Vue-Devtools目录：

执行命令下载yarn：

npm install -g yarn

安装好yarn后，通过yarn来安装相关依赖：

yarn install

依赖安装完成后，开始打包build。
需要注意，这里的命令需要带watch，如果不带，会出错：

yarn run build:watch

代码执行一阵后，没有其他反应，此时Ctrl+C退出即可。
接下来执行dev：

yarn run dev:chrome

出现下面的界面后就可以Ctrl+C退出终端了：

此时，Vue-Devtools目录下，生成了 build目录：

安装

1、打开Chrome浏览器扩展程序

2、加载已解压的程序

3、扩展栏固定vue-devtools程序

至此，Vue-Devtools插件安装完成，打开使用vue3的网站，F12打开Chrome调试台，可以看到Vue-Devtools的界面按钮：

VUE3 vue-devtools 调试工具下载安装相关推荐

Vue浏览器调试工具VueTools安装以及使用
Vue浏览器调试工具VueTools安装以及使用 1 下载安装包---[https://github.com/vuejs/devtools](https://github.com/vuejs/devt ...
超详细Vue Devtools的下载和安装——Vue的调试工具
在使用 Vue 时,我们推荐在浏览器上安装 Vue Devtools. Vue Devtools 是 Vue 官方发布的调试浏览器插件,可以安装在 Chrome 和 Firefox 等浏览器上,直接内 ...
安装Vue Devtools调试工具插件
Vue Devtools是Vue官方推出的浏览器插件,可以算是Vue开发调试神器,它可以让你能够在浏览器实时的编辑数据并立即看到其反映出来的变化,让你告别console大法.非常好用,谁用谁知道,Vu ...
Vue 调试工具 vue-devtools 安装及使用
笔记来源:拉勾教育大前端高薪训练营在 Chrome 浏览器上安装 Vue Devtools 工具下载 Devtools 安装 Devtools 修改 mainifest.json Chrome ...
【进阶篇】Vue Devtools——vue开发调试神器
工欲善其事,必先利其器,vue2.0进阶系列的知识更接近我们的实际开发所需,在开发过程中,有个好的调试工具是事半功倍的,Vue Devtools就是我们选择的调试工具,它是一款chrome浏览器的插件 ...
vuejs之Vue Devtools
Vue Devtools大法好这是一篇小白friendly教程 Vue Devtools是一款谷歌浏览器插件,专门为调试vue而设计.假设你做了一个vue应用,当你在调试的过程中,打开的控制台是这样 ...
windows下载安装Vue开发者工具(VueDevtools)，同时支持vue2.0和vue3.0两个版本
前言 vue开发者工具可以帮助我们提高开发效率,如果不安装控制台老是现在这些东西,对我这种强迫症患者来说痛苦至极,下面我就介绍下我的安装步骤下载安装首先进入vue官网找到如下位置然后就会进入gi ...
vue调试工具vue-devtools安装及使用
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用. 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧. 1.到github下载:git ...
Vue Devtools 安装
Vue Devtools 是Chrome 浏览器插件,用来调试Vue的,能够更直观.更友好的调试Vue应用下载地址:https://github.com/vuejs/vue-devtools#vue ...

VUE3 vue-devtools 调试工具下载安装

VUE3 vue-devtools 调试工具下载安装相关推荐

最新文章

热门文章