vue3 devtools 安装

需要注意的是，安装Vue-Devtools的依赖需要用到yarn，而不是npm，所以首先我们要安装yarn。
命令行进入到解压后的Vue-Devtools目录。

执行命令：

npm install -g yarn
1
安装好yarn，通过yarn来安装依赖

yarn install
1
依赖安装完成后，开始build。
需要注意，这里的命令带了watch，如果不带watch，会出错。
具体原因，我也不知道是为什么，如果哪位大神知道，望告知。

yarn run build:watch
1
代码执行一阵后，没有反应，此时Ctrl+C退出即可。
接下来执行

yarn run dev:chrome
1
出现下面的界面后就可以Ctrl+C退出了。

此时，我们再看一下Vue-Devtools目录，发现生成了 build目录。

至此，编译完成。

安装
安装过程就不过于详细的介绍了，网上有好多。

打开 Chrome 的开发者模式。

拖拽 devtools-6.0.0-beta.21\packages\shell-chrome目录到上面扩展程序页面，会自动安装Vue-Devtools插件。

在扩展栏固定Vue-Devtools图标

至此，Vue-Devtools插件安装完成，打开vue3网站，F12打开调试台，就能看到Vue-Devtools的界面按钮。