脚手架创建VUE项目

运用脚手架创建Vue项目的两种方式（基于3.x版本）

1、基于交互式命令行的方式

Vue create my-project

2、基于图形化界面的方式

Vue ui

下面，我们将以图形化界面的方式演示项目创建过程

基于图形化界面的方式

1、打开命令行窗口，输入Vue ui，回车

2、选择一个路径，再点击在此创建项目

3、输入项目名称，填写初始提交信息，其他选项默认


4、选择一套预设，第一次创建项目的话，推荐使用手动配置，然后点下一步

5、在功能这块推荐打开Babel、Router、Linter/Formatter和使用配置文件这四个选项，其他选项都关闭，然后点击下一步

6、这里选择ESlint+Standard config标准配置项，其他选项默认不变，点击创建项目

7、可以保存为新的预设，下次创建项目就可以直接用该预设，不再重配置

8、等待项目的创建

9、创建完成，点击Tasks-serve-Run task

10、编译成功，点击Output，打开链接，得到如下界面，表示项目创建完毕并且可以运行

到此为止，基于图形化界面的方式创建项目已经全部演示完毕！