安装 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半导体应用系统一些小知识收集(strip&wafer mapping,EAP&scada)02新手学习VR全景需要知道的几个问题 03HCIA-datacom数通题库和录播视频资料 04Coze扣子平台完整体验和实践（附国内和国际版对比）05【漏洞复现】CVE-2015-3337 Arbitrary File Reading 06玄机平台应急响应—webshell查杀 07【bug记录】清除僵尸进程，释放GPU显存 08docker安装启动问题解决排查 09优化手机性能，解决卡顿问题：关闭这3个微信开关，释放内存空间 10机器人持续学习基准LIBERO系列10——文件结构