开发环境搭建

日常开发中，前端依赖的node版本并不局限于某一个特定版本，所以推荐使用node管理工具，本文章使用nvm作为node管理工具实现多版本node管理

NVM - 前端开发环境

  • 下载NVM安装包，并安装，会自动新增环境变量

    # 设置系统环境变量 - 新增
NVM_HOME /path/of/nvm_install # D:\Users\admin\AppData\Roaming\nvm
Path %NVM_HOME% # 新增一行

NVM_SYMLINK /path/of/nodejs_dir # D:\Program Files\nodejs
Path %NVM_SYMLINK% # 新增一行

  • 修改NVM内置的镜像源（修改于：NVM安装目录下settings.txt，镜像源随时变化，需要确认最新镜像源）另外：NVM使用命令

    node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://registry.npmmirror.com/mirrors/npm/

  • 下载node版本

    nvm install 20.9.0
# 若无法下载，去node官方网站下载对应版本，解压放入NVM安装目录下，改名v版本号，如v8.11.1

  • 设置全局变量

    # 查看原有的缓存地址
npm -config get cache

# 设置新的地址，首先需要创建此文件夹
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

# 查看是否设置成功
npm config ls

# 可选：设置全局环境变量，在Path变量下新建指向node_global的数据
# 当你设置 npm config set prefix 后，Node.js 会自动将 D:\nodejs\node_global\lib\node_modules 添加到模块查找路径中。这意味着你通常不需要手动设置 NODE_PATH，因为 Node.js 已经会自动查找这个路径。
# node_modules 查找路径：工作文件路径-父文件目录及根-设置的全局 prefix-拓展的 NODE_PATH 路径。

  • 设置npm镜像源

    npm config set registry https://registry.npmmirror.com/

MAVEN - JAVA开发环境

  • 下载MAVEN（*bin.zip）

  • 解压

  • 配置环境变量

    # MAVEN_HOME指向安装地址
MAVEN_HOME -> D:\apache-maven-3.9.11
M2_HOME -> D:\apache-maven-3.9.11\repository

# Path新增
%MAVEN_HOME%\bin

  • 配置settings.xml（MAVEN安装目录下）

  • 在IDEA配置MAVEN相关的设置

JAVA - JDK环境

  • 下载对应版本的JDK
  • 在环境变量中增加参数 
    # JAVA_HOME指向JAVA目录
JAVA_HOME -> D:\OpenJdks\jdk-17.0.1

# Path新增
%JAVA_HOME%\bin