vue-cli 创建项目
时间: 2023-09-11 09:05:24 浏览: 108
Vue使用vue-cli创建项目
你可以按照以下步骤使用 Vue CLI 创建一个新的 Vue 项目:
1. 首先,确保你的系统已经安装了 Node.js。你可以在命令行中输入 `node -v` 来检查是否已经安装。
2. 安装 Vue CLI。在命令行中输入下面的命令来进行全局安装:
```
npm install -g @vue/cli
```
3. 创建一个新的 Vue 项目。在命令行中进入你想要创建项目的目录,然后运行以下命令:
```
vue create 项目名
```
例如,如果你想要创建一个名为 "my-project" 的项目,你可以运行以下命令:
```
vue create my-project
```
4. 运行上述命令后,Vue CLI 会提示你选择一些项目配置选项。你可以根据自己的需要进行选择,或者直接按回车键来使用默认选项。
5. 完成上述步骤后,Vue CLI 会自动下载和安装所需的依赖项并创建一个新的 Vue 项目。
6. 进入到项目目录中:
```
cd 项目名
```
7. 启动开发服务器。运行以下命令来启动开发服务器:
```
npm run serve
```
这将会在本地启动一个开发服务器,并提供一个可以访问你的 Vue 应用程序的 URL。
现在,你已经成功使用 Vue CLI 创建了一个新的 Vue 项目。你可以根据需要进行开发和自定义。祝你编写愉快的 Vue 应用程序!
阅读全文