@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