前端开发环境

前端开发的基础环境配置。

Node.js 版本管理

Fast Node Manager，Rust 编写的 Node.js 版本管理器，速度快、跨平台。

安装:

powershell

winget install Schniz.fnm

配置 PowerShell:

在 PowerShell 配置文件中添加（$PROFILE）：

powershell

fnm env --use-on-cd --shell powershell | Out-String | Invoke-Expression

常用命令:

powershell

# 安装 Node.js
fnm install 20
fnm install --lts

# 切换版本
fnm use 20

# 设置默认版本
fnm default 20

# 查看已安装版本
fnm list

Node Version Manager for Windows，如果更习惯 nvm 风格可以选择这个。

下载地址: https://github.com/coreybutler/nvm-windows/releases

常用命令:

powershell

# 安装 Node.js
nvm install 20.10.0
nvm install lts

# 切换版本
nvm use 20.10.0

# 查看已安装版本
nvm list

Node.js 自带的包管理器。

powershell

# 查看版本
npm -v

# 设置淘宝镜像
npm config set registry https://registry.npmmirror.com

更快、更节省磁盘空间的包管理器。

安装:

powershell

npm install -g pnpm

常用命令:

powershell

# 安装依赖
pnpm install

# 添加依赖
pnpm add <package>

# 开发依赖
pnpm add -D <package>

前端开发推荐的 VS Code 插件：