安装 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

热门推荐

01GitHub 镜像站点 02从快手“12·22”直播攻击事件看：一次教科书式的业务层饱和攻击 03Linux下V2Ray安装配置指南 04电脑检测软件—图吧工具箱 05Claude Code Skills 实用使用手册 06jdk21下载、安装（Windows、Linux、macOS）07UV安装并设置国内源 08Web安全中SQL注入绕过WAF的具体手法和实战案例 09BongoCat - 跨平台键盘猫动画工具 102025-04-03 Latex学习1——本地配置Latex + VScode环境