使用vue-cli脚手架创建一个vue项目

环境配置：

1. 配置node环境：方法可以去网上查找按照步骤来，安装完成之后执行命令 npm -v 显示版本号就可以了。（记得设置镜像环境，不然会很慢）
2. 安装vue：执行命令npm i -g @vue/cli 安装最新版本的vue，完成后执行vue -V显示版本号就成功了。
   （安装成功以后，后面就不需要再安装了）

创建项目：
建议使用可视化来创建vue项目，在命令行输入 vue ui 回车会返回如下地址，打开会进入到vue的可视化项目管理页面（注：只有vue 3.0版本以上有vue ui可视化）

选择自己的存放目录然后点击创建项目到下一步。

然后进行预设选项，也可以选择手动配置，自己需要什么功能就添加什么功能。在这里我选择的是默认预设。然后等待创建项目就行了，可能比较慢，耐心等待。

创建成功以后，我们可以按需添加插件和依赖，在这里可以我安装了axios到运行依赖用于和后端交互，安装elment-ui插件用于页面开发及布局以及router路由。

添加完成以后，在vue项目管理器点击任务里面的server运行，编译完成后点击启动app就运行成功了，可以看见vue的默认页面。

以下是项目的默认结构（vue-cli3创建的项目精简了许多文件，没有了config，bulid等，可以在根目录创建一个vue.config.js进行配置，参考官方文档：https://cli.vuejs.org/zh/config/#vue-config-js）