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

终将老去的穷苦程序员2024-12-31 23:34

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

步骤 1: 安装 Node.js 和 npm

下载 Node.js
- 打开 Node.js 官方网站.
- 选择 LTS 版本（长期支持版本，适合生产环境）。
- 根据你的操作系统（Windows、macOS 或 Linux）下载对应的安装包。
安装 Node.js
- 双击下载的安装包，按照提示完成安装。
- 安装完成后，Node.js 会自动安装 npm（Node.js 包管理器）。
验证安装
- 打开终端（Windows 可以使用 cmd 或 PowerShell）。
- 输入以下命令以验证是否安装成功：
  bash 复制代码
```
node -v
```
  这会显示 Node.js 的版本号。
  bash 复制代码
```
npm -v
```
  这会显示 npm 的版本号。

步骤 2: 安装 Vue CLI

全局安装 Vue CLI
- 使用 npm 安装 Vue.js 命令行工具：
  bash 复制代码
```
npm install -g @vue/cli
```
  如果是 macOS 或 Linux 系统，可能需要添加 sudo：
  bash 复制代码
```
sudo npm install -g @vue/cli
```
验证安装
- 输入以下命令检查 Vue CLI 是否安装成功：
  bash 复制代码
```
vue --version
```
  这会显示 Vue CLI 的版本号。

步骤 3: 创建一个 Vue 项目

初始化 Vue 项目
- 使用 Vue CLI 创建一个新项目：
  bash 复制代码
```
vue create my-vue-project
```
- 根据提示选择预设（推荐选择默认预设）。
进入项目目录
bash 复制代码
```
cd my-vue-project
```
启动开发服务器
- 启动 Vue 开发服务器：
  bash 复制代码
```
npm run serve
```
- 打开浏览器访问 http://localhost:8080，你会看到默认的 Vue 项目页面。

常见问题

npm 速度慢？
- 使用国内镜像源，比如安装 cnpm：
  bash 复制代码
```
npm install -g cnpm --registry=https://registry.npmmirror.com
```
- 然后用 cnpm 替代 npm。
安装失败或权限不足？
- 使用 sudo 或确保 npm 配置正确：
  bash 复制代码
```
sudo npm install -g @vue/cli
```

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

上一篇：XGPT用户帮助手册

下一篇：单元测试中创建多个线程测试 ThreadLocal

热门推荐

01如何新建文件夹？电脑新建文件夹的4种方法 02GitHub 镜像站点 03国内可直接用、免费额度/永久免费的大模型API清单（含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等）04微信历史版本含下载地址（ Windows PC | 安卓 | MAC ）及设置微信不更新 05Agnes AI 免费 API 接入指南：文本、生图、生视频，一套接口全免费 06AI 编程 IDE 全景解析 2026：Agent 全面接管开发链路 072026 国产 AI 大模型横评：DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打？082026年7月AI圈大地震：GPT-5.6被政府限制、Claude入驻Slack、Anthropic自研芯片 09历年考研数学一、数学二、数学三真题试卷及答案PDF 1000 Debian字符界面如何支持中文