安装 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我决定放弃搞 Java 了 02RAG 实践- Ollama+RagFlow 部署本地知识库 03DeepSeek各版本说明与优缺点分析 04计算机视觉——基于 Yolov8 目标检测与 OpenCV 光流实现目标追踪 05Scipy||第三章线性代数 (scipy.linalg)06如何在WPS和Word/Excel中直接使用DeepSeek功能 07【FPGA】——DDS信号发生器设计 08汽车上的各种质量：整备质量、总质量、装载质量、簧上质量、簧下质量 09本地化部署AI知识库：基于Ollama+DeepSeek+AnythingLLM保姆级教程 10蓝桥杯之c++入门（四）【循环】