3步搞定Windows下Node.js与Vue环境配置

Windows 下安装 Node.js

1. 下载 Node.js 安装包
   访问 Node.js 官网，选择 LTS 版本（长期支持版）下载 Windows 安装包（.msi 文件）。

2. 运行安装程序
   双击下载的 .msi 文件，按照向导完成安装。勾选 “Automatically install the necessary tools” 选项，确保 npm 和 Node.js 一并安装。

3. 验证安装
   打开命令提示符（CMD）或 PowerShell，输入以下命令检查版本：

   node -v
   npm -v
   

   若正确显示版本号（如 v18.12.1 和 9.5.0），则安装成功。

配置 npm 和全局路径（可选）

1. 修改 npm 全局安装路径
   默认全局模块安装在 C:\Users\用户名\AppData\Roaming\npm，可通过以下命令修改：

   npm config set prefix "D:\nodejs\npm_global"
   

   将路径添加到系统环境变量 PATH 中。

2. 配置缓存路径
   避免占用系统盘空间：

   npm config set cache "D:\nodejs\npm_cache"
   

安装 Vue.js 开发环境

1. 安装 Vue CLI
   Vue CLI 是官方脚手架工具，通过 npm 全局安装：

   npm install -g @vue/cli
   

   安装完成后验证版本：

   vue --version
   

2. 创建 Vue 项目
   使用以下命令初始化项目（以 my-vue-app 为例）：

   vue create my-vue-app
   

   选择默认配置或手动配置（如 Babel、Router、Vuex 等）。

3. 启动开发服务器
   进入项目目录并运行：

   cd my-vue-app
   npm run serve
   

   访问 http://localhost:8080 查看项目。

解决常见问题

1. 权限错误
   若安装全局包时提示权限不足，以管理员身份运行 CMD 或执行