安装 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种方法 02国内可直接用、免费额度/永久免费的大模型API清单（含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等）03历年考研数学一、数学二、数学三真题试卷及答案PDF 04GitHub 镜像站点 05几个好用的ip纯净度检测网站 06昇腾910B系列芯片完全指南：四款型号对比、服务器选型与大模型部署实战 07苹果iPA游戏软件资源下载网站 08蜘蛛磁力搜索引擎大全，如何使用蜘蛛磁力查找磁力链接 09Windows 10/11 如何退出微软账户并改用本地账户登录（含找不到选项的解决方法）10CVE-2026-91403 高危漏洞预警：Java JSSE 信任链被攻破全场景修复方案与Linux系统级彻底清理实操