安装 Node.js、npm 和 Vue.js 的完整教程

以下是安装 Node.js、npm 和 Vue.js 的完整教程：

---

步骤 1: 安装 Node.js 和 npm

1. 下载 Node.js

   • 打开 Node.js 官方网站.
   • 选择 LTS 版本（长期支持版本，适合生产环境）。
   • 根据你的操作系统（Windows、macOS 或 Linux）下载对应的安装包。

2. 安装 Node.js

   • 双击下载的安装包，按照提示完成安装。
   • 安装完成后，Node.js 会自动安装 npm（Node.js 包管理器）。

3. 验证安装

   • 打开终端（Windows 可以使用 cmd 或 PowerShell）。
   • 输入以下命令以验证是否安装成功：

     node -v
     

     这会显示 Node.js 的版本号。

     npm -v
     

     这会显示 npm 的版本号。

---

步骤 2: 安装 Vue CLI

1. 全局安装 Vue CLI

   • 使用 npm 安装 Vue.js 命令行工具：

     npm install -g @vue/cli
     

     如果是 macOS 或 Linux 系统，可能需要添加 sudo：

     sudo npm install -g @vue/cli
     

2. 验证安装

   • 输入以下命令检查 Vue CLI 是否安装成功：

     vue --version
     

     这会显示 Vue CLI 的版本号。

---

步骤 3: 创建一个 Vue 项目

1. 初始化 Vue 项目

   • 使用 Vue CLI 创建一个新项目：

     vue create my-vue-project
     

   • 根据提示选择预设（推荐选择默认预设）。

2. 进入项目目录

   cd my-vue-project
   

3. 启动开发服务器

   • 启动 Vue 开发服务器：

     npm run serve
     

   • 打开浏览器访问 http://localhost:8080，你会看到默认的 Vue 项目页面。

---

常见问题

1. npm 速度慢？

   • 使用国内镜像源，比如安装 cnpm：

     npm install -g cnpm --registry=https://registry.npmmirror.com
     

   • 然后用 cnpm 替代 npm。

2. 安装失败或权限不足？

   • 使用 sudo 或确保 npm 配置正确：

     sudo npm install -g @vue/cli
     

---

通过上述步骤，你就可以成功安装 Node.js、npm 和 Vue.js