问题

在github上下载vue-devtools-dev包，使用npm install , npm run build。
构建出错：Cannot find module ‘@vue-devtools/build-tools’

百度了很久没能解决。
有小伙伴说【最后安装 yarn 代替 npm 进行上述步骤，构建成功】。
但是我用yarn还是不行。

yarn的常用命令：
安装yarn
npm install -g yarn
安装成功后，查看版本号：
yarn --version

然后看到这个这篇文章，终于安装好了vue-devtools，
https://blog.csdn.net/qq_44210926/article/details/106161483

1. 创建一个空文件夹（如下图，我命名为vue devtools），进入这个文件夹按住 shift + 右键 选择进入powershell ，就可以进入这个文件的终端（我右键选择并没有powershell，我用的是Git Bash Here）。

2. 在终端输入 npm install vue-devtools

3. 完成后，进入该文件下的node_modules 文件，找到 vue-devtools 文件，进入其中，将vender 文件拖至谷歌浏览器的扩展程序中即可。
   

4. 进入verder下的 manifest.json ，修改persistent 为 true， 保存。
   

5. 刷新浏览器扩展程序即可使用。运行vue程序，即可在控制台中看到此调试工具。
   

vue devtools 在用vue做的网站上会变亮但不能查看其结构。只有在本地运行的项目才能查看。

疑惑

为什么前面在github上下载的，就是安装不是呢？

是从Vue官网上的链接到的github，应该不会有错。

好像有说是因为版本的原因，具体的不清楚。

区别
github上下载的是vue-devtools-dev
目前是vue-devtools