在一个大型的项目里，把所有的代码都放到一个文件里显然是不现实的，所以在实际做项目的时候，我们都会把他们分类放到不同的文件里面，使它们尽可能的小，这样也便于后期的维护和管理。
根据项目的功能需求，划分出不同的功能模块，然后建立相关的文件夹进行统一的管理。这种管理访问一般我们叫做 工程化 管理。

什么是 vue-cli

当我们的 vuejs 项目一定大的时候，我们也要考虑一下这种工程化的管理模式，vuejs 官方推出了一个工具，可以专门的进行工程化化管理，这个工具叫做 vue-cli，可以快速构建一个项目的基本的雏形结构，我们也把 vue-cli 叫做脚手架

如何使用 vue-cli

1：全局安装 ：npm install -g @vue/cli

2：检查是否安装成功：vue --version

3：查看指令：vue -h

我们可以看到里面有很多指令，其中有两个指令我们必须要会:
1：vue create filename ：命令行方式初始化一个基于 vue 的项目
2：vue ui：提供一个图形化的界面

vue create filename 的使用

命令行输入命令：vue create mydemo





创建完毕之后，它会给你一个提示

按照他的提示做，你就可以把这个项目在 web 服务器上运行起来了

vue ui 的使用

它会给我们提供一个可视化界面，在这里我们也可以创建一个新项目
注意：在外面用这个界面创建项目的时候，控制台不能关闭，否则连接就断开了

脚手架创建后目录结构分析

项目创建成功后我们会看到以下内容

src 中的文件