如何创建vue项目

构建vue项目

安装vue-cli脚手架

• 使用vue-cli脚手架工具，会自动帮我们配置环境和路由等工作，不需要手动配置，省去了很多麻烦，官方安装vue-cli步骤

• 在同一个设备上只需安装一次即可，若在输入安装命令后报错说文件已存在，但输入vue ui又无法进入可视化界面时，可以根据报错提醒进入到对应的文件目录下，把之前安装的vue-cli文件夹删除，同时回到上一级目录把vue开头的文件也删除，再回到终端页面输入安装命令进行重新安装即可。

创建项目

安装完毕后，在终端输入vue ui命令，进入到vue构建项目的可视化界面，如下：

在此界面中可以进行项目的管理以及创建等操作。

点击上方tab栏中的"创建"，进入到创建项目的页面，如下：

在红框中选择项目所在路径，点击下方按钮"在此创建新项目"，进入到项目详情设置页面，如下&#x