Vue.js devtools@6.5.0调试插件编译安装（踩了很多坑，最终编译成功，附截图）

@Vue.js devtools@6.5.0调试插件编译安装（踩了很多坑，最终编译成功，附截图）

下载Vue.js devtools新版安装包

网址：https://github.com/vuejs/devtools

注意事项

选择main 分支
下载zip压缩包

安装最新稳定版nodejs

下载网址：http://nodejs.cn/download/
安装完成后执行：
node -v 查看版本，显示版本号（例如我的是：v18.17.1）表示安装成功。
npm -v 查看包管理器版本（例如我的是：9.6.7）
设置npm registry
cnpm使用:npm install -g cnpm --registry=https://mirrors.cloud.tencent.com/npm/
npm 官方原始镜像网址是：https://registry.npmjs.org/
淘宝 NPM 镜像：https://npm.taobao.org
阿里云 NPM 镜像：https://npm.aliyun.com
腾讯云 NPM 镜像：https://mirrors.cloud.tencent.com/npm/
华为云 NPM 镜像：https://mirrors.huaweicloud.com/repository/npm/
网易 NPM 镜像：https://mirrors.163.com/npm/
中科院大学开源镜像站：http://mirrors.ustc.edu.cn/
清华大学开源镜像站：https://mirrors.tuna.tsinghua.edu.cn/
其他：
临时使用:npm --registry https://registry.npm.taobao.org install express
持久使用:npm config set registry https://mirrors.cloud.tencent.com/npm/ (验证是否设置成功
npm config get registry)

安装注意事项

官网找最新长期支持版本

https://nodejs.org/en(官网) 截止发稿日：18.17.1 LTS
http://nodejs.cn/download/（中文网址） 截止发稿日：18.17.0，与官网不一致，网络号建议官网下载。

建议在c盘新建目录，英文名，无空格等特殊字符，其他默认安装即可。

安装编译

**cnpm -g install yarn** 
**yarn config set electron_mirror https://npm.taobao.org/mirrors/electron/**
（yarn config set registry https://registry.npm.taobao.org/）
**yarn install**
**yarn run build**

注意事项

需要进入 devtools-main目录，然后执行安装和编译命令

网络环境稳定

参考文章

百度查看了很多资料，重要的两个参考如下：
[1]: https://zhuanlan.zhihu.com/p/562217675?utm_id=0
[2]: https://blog.csdn.net/Zhang_wang_yun/article/details/130958652
[3]: https://blog.51cto.com/xutongbao/5432695