Java全栈开发前端+后端（全栈工程师进阶之路）-环境搭建

在课程开始前我们要配置好我们的开发环境，这里我的电脑太乱了，我使用vm虚拟机进行搭建开发环境，如果有需要环境的或者安装包，可以私信我。

那我们开始

首先我们安装数据库

这里我们使用小皮面板

小皮面板(phpstudy) - 让天下没有难配的服务器环境！ (xp.cn)

这里我们默认安装D盘即可

安装好后会自动启动

这里我们进入软件管理做一些修改

安装8.0.12数据库

安装redis3.0.504

两个都可以安装一下

这里我只留了3个套件

修改与查看数据库密码

这里我们需要将鼠标停留在密码*号上就可以看到密码了，到这里我们的小皮集成环境就安装好了。

下面我们安装数据库管理工具Navicat

双击默认安装即可

注意：千万不要打开！！！！！

安装好后，打开补丁，我们将winmm.dll与无限试用Navicat，复制到软件根目录

之后双击bat脚本即可

打开后提示更新不用更新

到这一步数据库管理软件就安装好了

我们打开小皮面板中的mysql

使用数据库管理工具进行连接

出现以上界面就是连接成功了

下面我们安装vscode编辑器

Visual Studio Code - Code Editing. Redefined

下载安装包后，双击安装

点击确定

点击安装，等待安装成功即可

我们运行vscode

根据个人使用习惯进行编辑器设置

下面我们需要安装一些插件来帮我们更快地开发

首先就是中文插件

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

安装好后点击重启

之后在安装Vetur

Vue - Official

到这里我们的vscode就安装好了

下面我们安装node.js

这里我使用node的版本管理工具，方便我们切换node版本

Releases · coreybutler/nvm-windows (github.com)

我们双击打开安装，一直默认下一步即可

安装完毕后我们打开cmd

输入nvm -v

出现以上命令即为安装成功

常用命令：

nvm off                     // 禁用node.js版本管理(不卸载任何东西)
nvm on                      // 启用node.js版本管理
nvm install <version>       // 安装node.js的命名 version是版本号 例如：nvm install 8.12.0
nvm uninstall <version>     // 卸载node.js是的命令，卸载指定版本的nodejs，当安装失败时卸载使用
nvm ls                      // 显示所有安装的node.js版本
nvm list available          // 显示可以安装的所有node.js的版本
nvm use <version>           // 切换到使用指定的nodejs版本
nvm v                       // 显示nvm版本
nvm install stable          // 安装最新稳定版

下面我们安装node.js

我们在cmd中输入

nvm list available

我们安装18.20.2版本

输入

nvm install 18.20.2

等待安装完成

我们使用nvm use 18.20.2

这里我们安装一个npm源管理小工具nrm

输入npm install -g nrm 全局安装

这里表示我们安装成功了

我们使用命令 nrm ls查看所有源

其中 * 号表示当前使用的源。

这里我们使用taobao源

输入

nrm use taobao

出现如上界面即为成功，

下面我们全局安装vue的脚手架

全局安装脚手架

npm install -g @vue/cli

快速上手 | Vue.js (vuejs.org)

等待安装成功即可

下面我们安装jdk并配置环境变量

我们双击安装默认安装一直下一步即可

这里我们也默认下一步等待安装结束即可

下面我们配置jdk的环境变量

首先我们找到jdk的目录

右击此电脑点击属性

高级系统设置

点击环境变量

点击新建

添加JAVA_HOME环境变量

点击确定保存

之后双击path

点击新建

填写

%JAVA_HOME%\bin

点击确定保存即可

下面我们进行测试

使用cmd输入

java -version

出现以上界面即为成功

下面我们安装maven并配置环境变量（其实和jdk配置差不多）

下面我们将zip文件解压到C盘根目录

这里学长使用了bandzip解压工具

有需要可以私信哈！

等待解压完成

现在我们开始配置环境变量

与jdk同样的操作我们先打开环境变量编辑界面

这里我们点击新建

MAVEN_HOME

点击确定保存变量

下面在path中添加

%MAVEN_HOME%\bin

点击确定保存系统变量

下面我们开始验证mvn 是否安装完成

我们在cmd中输入 mvn -V

出现如下界面即为安装完成

注意这里我们还需要干一件事，修改配置文件

C:\apache-maven-3.8.5\conf\settings.xml

我们使用vscode打开该文件

找到57行修改本地仓库为：C:\apache-maven-3.8.5\repository

如下

在修改远程仓库

这里我使用阿里的远程仓库

maven镜像_maven下载地址_maven安装教程-阿里巴巴开源镜像站 (aliyun.com)

放在mirrors标签中(使用学长提供的压缩包这里是填好的)

下面安装IDEA

这里学长使用了jetbrains toolbox 快速安装idea等软件

感谢您下载 Toolbox App！ (jetbrains.com)

我们双击运行

默认安装即可

根据自己需求进行配置即可

点击安装即可

等待安装完成

现在我们准备破解补丁

将其解压到C盘根目录，解压后不要移动

我们双击C:\ja-netfilter-all-2022.2.x-20220801\scripts目录下的install-all-users.vbs文件

双击后会出现弹窗我们点击确定，等待一会

出现这个表示成功，点击确定即可

下面我们打开使用说明并打开软件

XIZQAN09CR-eyJsaWNlbnNlSWQiOiJYSVpRQU4wOUNSIiwibGljZW5zZWVOYW1lIjoia2lkZHkgaW5zZWFtcyIsImFzc2lnbmVlTmFtZSI6IiIsImFzc2lnbmVlRW1haWwiOiIiLCJsaWNlbnNlUmVzdHJpY3Rpb24iOiIiLCJjaGVja0NvbmN1cnJlbnRVc2UiOmZhbHNlLCJwcm9kdWN0cyI6W3siY29kZSI6IlBEQiIsImZhbGxiYWNrRGF0ZSI6IjIwMjUtMDgtMDEiLCJwYWlkVXBUbyI6IjIwMjUtMDgtMDEiLCJleHRlbmRlZCI6dHJ1ZX0seyJjb2RlIjoiUFNJIiwiZmFsbGJhY2tEYXRlIjoiMjAyNS0wOC0wMSIsInBhaWRVcFRvIjoiMjAyNS0wOC0wMSIsImV4dGVuZGVkIjp0cnVlfSx7ImNvZGUiOiJQUEMiLCJmYWxsYmFja0RhdGUiOiIyMDI1LTA4LTAxIiwicGFpZFVwVG8iOiIyMDI1LTA4LTAxIiwiZXh0ZW5kZWQiOnRydWV9LHsiY29kZSI6IlBDV01QIiwiZmFsbGJhY2tEYXRlIjoiMjAyNS0wOC0wMSIsInBhaWRVcFRvIjoiMjAyNS0wOC0wMSIsImV4dGVuZGVkIjp0cnVlfSx7ImNvZGUiOiJQUkIiLCJmYWxsYmFja0RhdGUiOiIyMDI1LTA4LTAxIiwicGFpZFVwVG8iOiIyMDI1LTA4LTAxIiwiZXh0ZW5kZWQiOnRydWV9LHsiY29kZSI6IlBQUyIsImZhbGxiYWNrRGF0ZSI6IjIwMjUtMDgtMDEiLCJwYWlkVXBUbyI6IjIwMjUtMDgtMDEiLCJleHRlbmRlZCI6dHJ1ZX0seyJjb2RlIjoiSUkiLCJmYWxsYmFja0RhdGUiOiIyMDI1LTA4LTAxIiwicGFpZFVwVG8iOiIyMDI1LTA4LTAxIiwiZXh0ZW5kZWQiOmZhbHNlfSx7ImNvZGUiOiJQR08iLCJmYWxsYmFja0RhdGUiOiIyMDI1LTA4LTAxIiwicGFpZFVwVG8iOiIyMDI1LTA4LTAxIiwiZXh0ZW5kZWQiOnRydWV9LHsiY29kZSI6IlBTVyIsImZhbGxiYWNrRGF0ZSI6IjIwMjUtMDgtMDEiLCJwYWlkVXBUbyI6IjIwMjUtMDgtMDEiLCJleHRlbmRlZCI6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