Vue CLI 安装成功后,如何创建一个新的 Vue.js 项目?
时间: 2024-09-13 08:18:47 浏览: 83
Vue CLI 是 Vue.js 官方提供的完整开发工具链,它提供了一个快速启动新项目的方式。安装完 Vue CLI 后,创建一个新的 Vue.js 项目的步骤如下:
1. 打开终端(在 Windows 上是命令提示符或 PowerShell,macOS 或 Linux 上是 Terminal)。
2. 确保你已经全局安装了 Vue CLI。如果没有安装,可以通过 npm 或 yarn 进行安装。使用 npm 的命令是:
```
npm install -g @vue/cli
```
或者使用 yarn 的命令是:
```
yarn global add @vue/cli
```
3. 安装完成后,检查 Vue CLI 的版本,确保安装成功:
```
vue --version
```
4. 创建一个新项目。在终端中,使用以下命令创建一个新项目:
```
vue create project-name
```
其中 `project-name` 是你想要给新项目命名的名称,你可以根据自己的项目需求来命名。
5. 按照命令行提示选择配置,例如选择预设配置或者手动选择特定的 Vue.js 版本、路由、状态管理等配置。
6. 等待 Vue CLI 完成项目的初始化和安装依赖。
7. 切换到项目目录:
```
cd project-name
```
8. 运行项目查看结果。可以使用以下命令来启动开发服务器:
```
npm run serve
```
或者使用 yarn:
```
yarn serve
```
9. 打开浏览器,访问 `http://localhost:8080`(或者终端中显示的其他端口号)来查看你的 Vue.js 应用。
阅读全文