Vue脚手架安装教程
时间: 2025-01-02 13:18:30 浏览: 45
### Vue CLI 安装指南
#### 检查 Node.js 和 npm 版本
为了确保兼容性和稳定性,在安装 Vue CLI 之前,建议先确认已正确安装并配置好 Node.js 及其包管理器 npm 的环境。可以通过命令行输入 `node -v` 和 `npm -v` 来查看当前系统的 Node.js 和 npm 是否已经成功安装及其具体版本号[^2]。
#### 全局安装 Vue CLI
当 Node.js 和 npm 都准备妥当时,就可以开始安装 Vue CLI 工具了。打开终端或命令提示符窗口,执行如下指令来完成 Vue CLI 的全局安装:
```bash
npm install -g @vue/cli
```
这条命令会下载最新版的 Vue CLI 并将其添加到系统的 PATH 中以便随时调用[^1]。
#### 创建新项目
一旦 Vue CLI 成功安装完毕之后,便可以利用该工具轻松创建基于 Vue 技术栈的应用程序。只需简单地键入下面这串代码即可启动交互式的向导流程帮助设置一个新的 Vue 应用框架:
```bash
vue create my-project-name
```
这里 `my-project-name` 是要新建项目的名称,可以根据实际需求替换为自己想要的名字。
#### 使用图形界面 GUI 进行操作
除了命令行方式外,Vue CLI 同样支持通过浏览器访问 http://localhost:8000 地址进入可视化界面来进行更直观的操作。首次使用前需先运行一次初始化服务端口监听的服务:
```bash
vue ui
```
此方法特别适合那些不熟悉命令行或者希望获得更加友好用户体验的人群[^5]。
阅读全文
相关推荐


















