菜鸟成长日记-前后端环境配置（一）
一、前端开发软件安装
1.vscode软件安装
vscode是一款免费，开源的代码编辑器。功能非常强大，人性化的设计，界面符合前端审美，丰富的插件配置，体积小，拓展性高。
官网：https://code.visualstudio.com/
下载完成后更换vscode的存放位置，防止C盘爆满影响电脑性能。
2.vscode插件安装
完成vscode安装之后，打开vscode，点击右侧第四个，下拉框第九个扩展进行安装插件。
搜索框中搜素Chinese，安装vscode的简体中文语言包（方便同学们使用，但是不建议）
搜索框中搜素Live Server，安装Live Server。
Live Server的作用是vscode书写前端代码之后按ctrl+s保存之后不用重新打开页面，页面会自动跟随代码刷新。
在创建的html文件中右击会显示Open with Live Server。（需要更改后保存才会起作用）
3.Google浏览器安装
同一个页面在不同浏览器上可能会略有不同，因此，Google Chrome 和 Microsoft Edge 是前端开发中常用的浏览器，用于查看和优化页面效果。
二、后端软件开发软件
1.jdk安装
安装jdk时需要注意事项：
1.安装长期维护的版本的jdk。安装好jdk会避免出现不可预料的问题，获得可靠的长期支持和稳定的性能。
2.安装与团队人员相同版本的jdk，避免团队合作时遇到问题。
本文将会演示安装jdk8。
jdk安装目录:https://www.oracle.com/cn/java/technologies/javase/javase8-archive-downloads.html
根据电脑的位数选择对应版本的 JDK，可以在【系统】->【系统信息】中查看电脑的位数。
因为电脑为64位操作系统x64,所以安装第一个版本的jdk。
推荐使用Chorme浏览器下载，egde浏览器可能出现缓存不足的问题。
java安装建议直接点下一步，不要修改存储位置，避免产生错误。
下载完成之后，查看下载位置“C:\Program Files\Java”文件夹是否有两个文件，jdk和jre。
之后进行环境变量的配置。
1.【此电脑】->【右击】->【属性】->【高级系统设置】-.【】
【高级系统设置】->【环境变量】
1.
变量名：JAVA_HOME
变量值：C:\Program Files\Java\jdk1.8.0_261（与下载位置相对应）
2.
变量名：JAVA_HOME
变量值：C:\Program Files\Java\jdk1.8.0_261（与下载位置相对应）
3.下拉找到path，编辑添加（不是新建）
%JAVA_HOME%\bin
%JRE_HOME%\bin
环境变量配置完成后win+R，输入cmd打开【命令提示符】输入java - version 和 javac 检查是否安装成功。
2.Tomcat安装
安装Tomcat时应根据jdk的版本安装Tomcat，jdk8对应Tomcat8或者Tomcat9。对应关系如下图
Tomcat的安装路径：https://tomcat.apache.org/
将下载好的Tomcat解压到D盘的根目录，之后创建环境变量。
变量名：CATALINA_HOME
变量值：D:\apache-tomcat-8.5.57\apache-tomcat-8.5.57\apache-tomcat-8.5.57（自己下载的路径中最里层的那个目录，下个目录里面有bin和conf）
找到Path路径打开，添加
%CATALINA_HOME%\bin
%CATALINA_HOME%\lib
确定之后退出。
进入Tomcat中的bin目录，找到start.bat文件双击
显示，启动成功。
浏览器搜素localhost:8080。
三、注意事项
1.jdk安装之后无特殊情况不要删除
jdk卸载时会遇到卸载不干净，重新下载不上的问题如：双击无反应、安装向导失败等问题。
不能用geek直接卸载，可以用windows installer clean up 检查残余项并且删除。
2.Tomcat运行时乱码问题
第一次运行tomcat时会出现乱码的问题。
解决方法：打开Tomcat中的conf文件，找到【logging.properties】以vscode打开。
找到第47行java.util.logging.ConsoleHandler.encoding = UTF-8 将UTF-8 改为GBK 后保存退出。
回到bin文件夹后双击start.bat（不是start.sh）查看效果。
