写一个完整前后端分离项目一

涉及技术内容：vue、SpringBoot、leaflet、Linux、MySQL
只列出几个大头技术，其他技术如html、js、mybatis。。。。等就不一一说明了

本期主要内容：环境搭建和跑通一个示例
提示：看完本片文章，基本上你就已经完成了80%，本章内容繁琐，主要是需要配置很多的环境和安装很多的软件。

需要的工具

jdk、maven、idea、vsCode、MySQL、nodejs、Linux服务器（可以没有只学开发就行）、其他的暂时没想起来

前端环境

1.安装nodejs

2.安装vsCode
链接：https://pan.baidu.com/s/1ayFK-N36x0cH5CR27EcLWg
提取码：621d

3.创建vue项目并整相关环境
创建一个文件夹，在该文件夹中整环境和下载项目调出cmd（红框框内输入cmd）

在cmd中输入以下命令

npm install -g vue-cli   (安装脚手架)
vue init webpack demo   （下载成品的新项目模板，demo就是你的项目名）

关闭vue自带的代码规则校验（不关也行，不影响项目，就是开发的时候可能会有点难受）
在.eslintrc.js文件中添加一句 “no-unused-vars”: ‘off’ 注意添加的位置


然后在你的终端输入一下命令启动项目

npm run dev   （在demo文件夹下使用该cmd命令）

这就是启动成功了，网址就是你vue的访问网址

修改vue端口号（建议将端口号改为18080，反正不要使用默认的8080都行，非强制，可不改）

以上就是前端环境整完了

后台项目搭建

java安装

idea安装（这个请到网上找）

maven安装（请网上找，可不安装，但是强烈建议安装）

创建项目


该处我遇到一个问题就是默认的 Default 选项选了之后，next会报错，所以我就选了 Custom
https://start.aliyun.com（这是值）



创建好了后，将idea默认的maven调整成我们刚刚安装的maven（可以不换，但是强烈建议换）记得apply，然后ok


这时请不要动，你的idea右下角应该有一个进度条，等它加载完（首次加载时间会很长，属于正常现象；如果没有换成自己安装的maven且没有配置阿里库那么时间会长的难以想象。本人以前最高纪录是加载了六个小时）该加载主要是下载jar包，不能动。

关闭Spring Security前期用不到这个还碍事。