使用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/zh/config/#vue-config-js）

src：	为开发目录，大部分的开发都在这里面进行
assets：	用于存放一些静态资源或和示例代码 文档之类的
components：	组件文件夹，放一些自己写的公共页面
views：	存放页面的地方
plugins：	存放插件文件夹，如element.js
router：	index.js配置路由规则页面跳转重定向等
App.vue：	整个项目的入口，它有一个router-view容器，所有页面都显示在这里面
main.js：	它是项目入口文件，项目中所有页面都会加载它，用于实例化vue，导入插件，存储全局变量等，如用户的登录信息