如何下载并使用Vue3的vue-devtools调试工具?

更新于
2026-07-26 17:01:20
16阅读来源:SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计361个文字,预计阅读时间需要2分钟。

如何下载并使用Vue3的vue-devtools调试工具?

官方下载地址:GitHub - vuejs/devtools:🔧 Browser devtools extension for debugging Vue.js applications. 安装完成后,解压到指定目录,目录内容如下:+ 终端命令行进入解压后的Vue-Devtools目录:+ 执行命令下载。

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

完成后解压到目录,解压后目录如下:

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

如何下载并使用Vue3的vue-devtools调试工具?

执行命令下载yarn:

npm install -g yarn

安装好yarn后,通过yarn来安装相关依赖:

yarn install

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

yarn run build:watch

代码执行一阵后,没有其他反应,此时Ctrl+C退出即可。

阅读全文

本文共计361个文字,预计阅读时间需要2分钟。

如何下载并使用Vue3的vue-devtools调试工具?

官方下载地址:GitHub - vuejs/devtools:🔧 Browser devtools extension for debugging Vue.js applications. 安装完成后,解压到指定目录,目录内容如下:+ 终端命令行进入解压后的Vue-Devtools目录:+ 执行命令下载。

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

完成后解压到目录,解压后目录如下:

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

如何下载并使用Vue3的vue-devtools调试工具?

执行命令下载yarn:

npm install -g yarn

安装好yarn后,通过yarn来安装相关依赖:

yarn install

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

yarn run build:watch

代码执行一阵后,没有其他反应,此时Ctrl+C退出即可。

阅读全文