Spring Boot + vue-element 开发个人博客项目实战教程（三、项目环境搭建）

⭐ 作者简介：码上言


⭐ 代表教程：Spring Boot + vue-element 开发个人博客项目实战教程


⭐专栏内容：零基础学Java、个人博客系统

👦 学习讨论群：530826149

项目部署视频

https://www.bilibili.com/video/BV1sg4y1A7Kv/?vd_source=dc7bf298d3c608d281c16239b3f5167b

前言

从教程的这一篇开始，我们就开始正式的进入到实战项目的开发。
​
首先要搞清楚我们的项目的总体结构是什么，后端采用的是Java、管理平台采用的是Vue搭建，后期可能还会有移动端采用uni-app实现。采用前后端分离开发，这也是大多数企业使用的开发方式前后端分离，也就是说，我们使用Java将数据通过接口的方式暴露出来，然后前端只要拿到接口的地址就能获取数据，这样后期的维护，前后端的依赖性很小，减轻维护的压力等。
​
这种方式会在我们开发中慢慢体会出来所带来的方便，为了项目能在你的电脑上运行成功，尽量和我使用的环境保持一致，软件的版本和环境的搭建在第一篇的时候有介绍，可以去下载，或者关注我的公众号码上言，回复：教程 下载我为大家准备的所有的开发环境和软件。
​
我将一点一点的带着大家做下去，可能教程篇章会很多，但是只能让大家都能跟着把项目做出来，并且对编程培养点兴趣，也是值得的。但是基础大家也要掌握，我这里使用的是JDK1.8，这里我附上我找的一个学习Java基础的教程，基础不好的要经常看看。
​
《On Java 8》中文版 教程：https://www.jishuchi.com/read/onjava8/11809
好啦，言归正传，正式开始。

一、安装JDK 1.8

JDK是整个Java开发的核心，它包含了JAVA的运行环境（JVM+Java系统类库）和Java工具。
附下载地址： https://www.oracle.com/java/technologies/downloads/#java8-windows
或者从我的公众号里面下载也可以。
注意：安装路径中，文件夹名不要包含文字和空格。

然后点击下一步

安装的路径可以修改，最好保持默认的路径，然后点击下一步。

此时jdk就安装完成了。此时还需要配置下环境变量
点击高级系统设置
然后点击环境变量
接下来的一步很重要，我看的别人的配置，好多人的方法都太繁琐，我这里有一个很方便的方法，一步就好。
我们打开系统变量中的Path变量，然后会出现下面样子：
都填好，然后点击确定，就配置完成了。接下来我们测试下是否配置好了java运行环境了。
Win+R快捷键输入cmd回车，在cmd中输入java -version，后得出以下结果，就说明配置成功了。


此时，java运行的环境已经安装完成，接下来我们安装编写Java的软件。好工具在手，天下我有。强烈推荐使用IDEA编程。

二、安装IntelliJ IDEA

我们后边的Java编写主要是使用IDEA工具，一定要学会使用，快捷键等操作。
官网：https://www.jetbrains.com/idea/
无需安装，直接解压压缩包，然后点击运行即可。在bin的目录下

一切都搞完后，我们就可以创建项目了。

三、构建后端项目

我们首先要创建后端项目，把准备工作都做好，后期才能更加顺利的编写代码。
打开Idea工具，可能你创建过项目，或者第一次打开，我这里分两种：
1、创建过项目的，则在File导航中选择New ->Project 创建新的项目。

2、第一次打开工具。

可以选择这个 New Project，新建项目即可。
接下来我们给项目起个名字就叫做personal-blog 个人博客。大家也可以随便起，或者用我这个都可以。
当我们点了新建项目，则会出现以下页面：

选择next，然后进行项目信息的填写

全部填完后，然后next下一步，接下来的很重要。
然后next下一步，出现项目的名称和项目地址，可以选择项目的地址，然后finish，等待项目初始化完成。
初始完成项目后，会看到以下这些目录和启动项目的按钮。
有些是idea生成的东西，我们用不到，在这里我把它们都删除掉，简约我们的项目目录。
好啦，此时我们启动下项目，看看是否正常启动。出现以下情况就启动成功了，启动端口为8080。

我们打开浏览器，访问http://localhost:8080 , 会出现404错误，则是正常的，我们还没有对项目进行操作。

再回到我们项目的控制台，此时会发现多出了三行的信息，确定访问的我们的项目，此时就完成搭建工作了。

好啦，后端的项目搭建完成了。
通过这一篇就能看出来，本套教程我会把每一个步骤都写出来了，就算没接触过编程的也都会操作，但可能会多出来很多的章节来，希望大家能坚持下来。

上一篇：Spring Boot + vue-element 开发个人博客项目实战教程（二、技术点介绍）
下一篇：Spring Boot + vue-element 开发个人博客项目实战教程（四、数据库搭建和配置）