Vue-cli脚手架初始化项目

首先创建项目文件夹，进入文件夹后输入cmd打开命令行输入vue create app会弹出以下指令，这里我选择的是vue2版本，输入回车之后项目就创建好了。

创建好的项目用VScode打开后如下图，其中node_modeles文件夹是项目依赖，public文件夹是一些静态资源，src文件夹是源代码文件夹，babel.config.js是babel相关的配置文件，package.json是记录项目的文件，package-lock.json是缓存性文件，README.md是说明性文件。

其中src文件夹中的assets文件夹放的是多个组件公用的静态资源，components文件夹放的是非路由组件，App.vue是唯一的根组件，main.js是程序入口文件，也是整个程序中最先执行的文件。