前端开发环境快速搭建步骤要点

57 阅读1分钟

概要

  • OS: windows 11
  • 步骤:nvm -> node -> pnpm, yarn
  • 开发工具:VS Code

注意事项

卸载以前安装的node

安装nvm

  1. 安装nvm 参考:nvm Windows 安装 | NVM (p6p.net)
  2. 配置settings.txt 参考:nvm 切换国内镜像 | NVM (p6p.net) (腾讯的json文件似乎有问题 2024.8) 在settings.txt后面添加:
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

安装 node.js

参考:安装 node.js 版本 | NVM (p6p.net)

nvm install latest

nvm启动node版本

D:\nvm>nvm list

    22.5.1

D:\nvm>nvm use 22.5.1
Now using node v22.5.1 (64-bit)

D:\nvm>node -v
v22.5.1

安装pnpm,yarn

若安装失败,提前设置npm的国内镜像(npm config set registry registry.npmmirror.com/)

npm i -g pnpm
npm i -g yarn 

配置国内npm镜像或局域网镜像

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

vscode安装

Visual Studio Code - Code Editing. Redefined

vscode必要的扩展插件(略)