vue-cli创建vue项目
时间: 2023-08-25 07:07:09 浏览: 189
Vue使用vue-cli创建项目
您可以使用以下步骤在Vue项目中使用vue-cli进行创建:
1. 首先,确保您已经安装了Node.js和npm。您可以通过在终端中运行以下命令来检查它们是否已安装:
```
node -v
npm -v
```
如果没有安装,请前往Node.js官方网站(https://nodejs.org/)下载并安装。
2. 安装vue-cli。在终端中运行以下命令:
```
npm install -g @vue/cli
```
这将全局安装Vue CLI。
3. 创建新的Vue项目。在终端中导航到您想要创建项目的目录,并运行以下命令:
```
vue create project-name
```
将“project-name”替换为您希望为项目选择的名称。
4. 在创建项目时,Vue CLI会提示您选择一些配置选项。您可以根据需要进行选择,或者使用默认选项。一旦选择完成,项目的基本结构和依赖项将自动生成。
5. 进入到新创建的项目目录中:
```
cd project-name
```
6. 启动开发服务器。运行以下命令:
```
npm run serve
```
这将启动一个本地开发服务器,并在浏览器中显示您的Vue应用程序。
这样,您就成功使用vue-cli创建了一个新的Vue项目。您可以根据需要修改和扩展该项目。
阅读全文