nodejs开发环境搭建

# 下载nvm-windows环境管理工具https://github.com/coreybutler/nvm-windows
# 配置nodejs源
nvm node_mirror https://registry.npmmirror.com/node/
# 配置npm源
nvm npm_mirror https://registry.npmmirror.com/npm/
# 安装最新版的nodejs
nvm install latest
# 切换到最新版nodejs环境
nvm use latest
# 配置npm源
npm config set registry https://registry.npmmirror.com/npm/
# 安装pnpm
npm install -g pnpm
# 配置pnpm源
pnpm config set registry https://registry.npmmirror.com


# 1. 用官方脚手架创建 Vue 3 项目（底层基于 Vite）
npm create vue@latest my-vue-app

# 2. 进入项目，安装依赖（pnpm/npm 均可）
cd my-vue-app && pnpm install

# 3. 启动开发服务器（Vite 负责）
pnpm dev
# → Vite 启动开发服务器，编译 .vue 文件（通过 @vitejs/plugin-vue），
# → 提供热更新，Vue 负责渲染页面、处理响应式逻辑

# 4. 打包生产环境（Vite 负责）
pnpm build
# → Vite 用 Rollup 打包，将 Vue 组件编译为原生 JS/CSS/HTML，
# → 生成可部署的 dist 目录，Vue 代码在浏览器中运行