极速部署前端开发环境

307 阅读2分钟

初衷

每次重装系统或者在新的机器上部署开发环境都极度消耗时间,加上github偶尔性正常、持续性抽风,实在是婶可忍叔不可忍了,逐将常用工具打包一起,利用脚本生成对应的配置和写入相应的环境来部署。

介绍

快速部署前端web开发环境,包含nvm、node、npm、yarn、pnpm的配置。

node在包中内置了最新版本16.14.0,包含npm 8.3.1版本。

如果需要安装其他的node版本,可以使用nvm安装。

安装的目录不建议使用中文和系统盘,后续使用下载的各种包、依赖、缓存等等都是在这个目录下。

重要事情说三遍:命令、手动安装请使用管理员模式进行。命令、手动安装请使用管理员模式进行。命令、手动安装请使用管理员模式进行。

下载

命令行下载

在非系统盘的任意目录执行命令:

windows:

Start-BitsTransfer -Source https://gitee.com/qinzhongting/web-dev-env/attach_files/966958/download/web-dev-env.zip;Expand-Archive -Path .\web-dev-env.zip;cd web-dev-env;.\install.bat;

curl:

curl -o web-dev-env.zip https://gitee.com/qinzhongting/web-dev-env/attach_files/966958/download/web-dev-env.zip;Expand-Archive -Path .\web-dev-env.zip;cd web-dev-env;.\install.bat;

手动下载

下载地址

安装

手动下载的就执行目录中的install.bat进行安装。

命令下载的等命令执行结束即可完成安装。

手动下载的就执行目录中的 第一步第二步 进行安装。

命令下载的等命令执行结束后执行目录中的 第二步 进行安装。

注意:

  • 如果是手动下载的,先解压后复制到非系统盘的任意目录。
  • nvm默认安装源更换成了淘宝的源,npm 淘宝源近期无法使用,需要安装其他版本的nodejs无法正常下载npm,可以找到配置文件 settings.txt 删除 npm_mirror 这条记录。
  • settings.txt文件位于你安装的包目录下的nvm目录中。