【从头开始做项目Springboot+vue前后端分离（上）】

项目使用工具

改：已放弃使用webstorm，投入IntelliJ IDEA的怀抱，项目步骤都一样，将文中的webstorm看成IntelliJ IDEA即可
使用的软件是Intellij Idea，mysql5.7、jdk1.8、navicat、node，Maven3.6.3，vue-cli这些需要提前下载好。主要任务是完成一个管理系统
css部分直接使用elements-plus里面现成的组件即可。
https://element-plus.gitee.io/zh-CN/component/button.html.
项目是跟着b站项目链接做的，老师讲的很明白。

创建新项目

在cmd当中输入

//先跳转到你想要创建项目的文件夹下
//vue create '项目名'
C:\Users\a1002\Desktop\springboot+vue框架项目>vue create springboot-vue-demo

选择manually select，手动选择router以及vuex特性即可
在webstorm里面打开即可，显示工具栏属性

之后点击编辑配置/add condiguration，点击左上角加号，找到npm，点击后在scripts后面输入serve，我们就可以通过快捷栏快速的启动服务器

项目文件

最主要的是src文件，里面的assets主要放置一些图片；components里面放置的是一些组件，如导航栏、侧边栏等，其他页面直接引入组件即可用；router里面的index文件设置了一些映射，路径是什么显示哪个页面；store里面存储一些页面响应的变量；views存放的就是视图。
直接打开的页面就是App文件，main里面引入使用的依赖

项目开始

第一天（搭建页面框架）

主要分成三部分，头部Header，侧边导航栏Aside以及主体内容HomeView
Header、Aside都可以写成组件最后添加到App页面当中，HomeView则可以通过router映射到页面上
先给全局元素清除内外边距，并将他们变成盒子，创建global.css

* {