快速创建简单前后端分离项目，后端spring boot + Shiro + JPA, 前端 vue-cli 构建项目 (一) 创建项目
看完本章你将得到：一个使用spring boot做后端的项目，一个基于vue-cli快速构建的前端项目
注：读本章前你需要有java基础及前端基础(node+vue)
好了话不多说进入正题吧
一、后端
1.快速创建spring boot 项目(http://start.spring.io)点击打开链接
2.进入后选择我们所需要用到的第三方库，点击下方的Switch to the full version，勾选Web下面的web、Sql下面的JPA和SQL Server（注：这里的数据库自行决定）。
3.选好后按 Alt + 回车,拉到最下面点Generate Project 也行，这时会下载下个.rar 文件，自行解压出来。(我是解压在D:\javaApiXVueFront 下面)
二、前端
1.安装vue-cli,打开cmd 输入 npm install -g vue-cli ,安装完成后如图 2.使用vue-cli 构建前端项目，先CD到你想把项目放置的文件夹，我的是放在D:\javaApiXVueFront 下面（为了好找就和后端放到同一个文件夹下了） 输入 vue init webpack frontDemo , 其中 vue init --标准命令，不做过多解释， webpack 模版的名称，vue 还提供了一些其他的模版，有兴趣的朋友可以 前往vue的gitHub上查看其他的模版， frontDemo：项目名称 ， 回车后进入安装阶段，会需要用户输入一些信息， a.Project Name 项目名称，输test ,不能和刚输的项目名称一样，输入完后回车 b.Project Description 项目描述，可不输 c.Author 创建人， --接下来选择运行方式 Runtime + Compiler: recommended for most users 运行加编译，(推荐) Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere 仅运行时 不选直接回车则默认Runtime + Compiler ，也可按↑↓ 箭头键 选择 f.Install vue-router？ 是否安装vue的路由，输 Y 回车 g.Use ESLint to lint your code？是否使用ESLint（语法检查），推荐用，输 Y 回车 h.Standard (https://github.com/feross/standard) js 标准风格 AirBNB (https://github.com/airbnb/javascript) JavaScript最合理的方法 none (configure it yourself) 自己定义语法检查风格 默认是js标准风格，可按↑↓ 箭头键来 切换,选好后回车，我默认（注：若不启用语法检查则没这一步） i.Set up unit tests 是否开启单元测试， 输Y 回车 j.jest 测试框架 Karma and Mocha 测试框架 none (configure it yourself) 自己定义 默认是jest，可按↑↓ 箭头键来 切换,选好后回车，我默认（注：若不启用单元测试则没这一步） k.Setup e2e tests with Nightwatch(Y/n)? 是否设置 e2e 测试 输 Y l.Should we run npm install for your .....(偷个懒，) 简而言之就是是否需要他们帮我们运行 npm run 来安装依赖包，这里会有3选项， Yes,use NPM 好的，帮我安装， Yes,use Yarn 好的，帮我用Yarn 安装，这里 NPM 和 Yarn 有什么区别的有兴趣的可以自行google No,I will handle that myself滚(ノ｀Д)ノ不用了谢谢，我自己会处理 同按↑↓ 箭头键来 切换选项，选好后回车，我默认,然后等待项目构建完成 OK 完成后我们进入D:\javaApiXVueFront 就能看到刚构建的项目了，(注：demo是刚java后端的项目,frontDemo为前端)
至此准备工作我们已经做好，运行和配置项目我们放下面讲解。