首先我们需要做的就是检查我們的Mac电脑是否已经安装过Java环境。打开我们Mac电脑的终端在终端中输入java -version，假如你的Mac电脑已经安装过Java环境就会出现如下图所示的内容
假如你嘚Mac电脑没安装过Java环境，就不会显示上面的内容你需要先安装好Java环境，安装Java环境需要下载jdk

点击上面的链接进入jdk官网，选择你需要的jdk版本进入之后点击接受协议，选择对应的os系统的镜像下载

下载完成之后，打开下载的镜像直接进行安装。安装完成之后在终端再一次輸入java -version，你就可以看到如上的截图了

完成上述的内容之后，开始配置Java环境变量
在终端输入 cd / 进入到根目录
输入 cd Users/你的用户名 进入到你的Mac用户目录，我的用户名是zl
输入 ls -a 显示该目录下的文件包含隐藏文件
查看该目录下是否有.bash_profile这样的一个文件，如果你是第一次配置环境变量就不會存在这样的一个文件，这时你需要新建这样一个文件在终端输入 touch .bash_profile;如果已经存在了这样的一个文件的话就输入 open -e .bash_profile,打开这个文件，输入如下配置记得将jdk版本改成你对应的版本。

在上述内容都完成之后前往eclipse做html官网，下载你对应jdk版本的eclipse做html下载完成之后直接点击安装，安装完荿之后打开eclipse做html。先配置字体的样式点击eclipse做html的导航栏上的help->eclipse做html marketplace
之后选中popular，找到eclipse做html color theme颜色样式点击installed安装根据提示一步步安装，最后点击重启後生效
重启后点击eclipse做html，在弹出的菜单中选中偏好设置
在偏好设置中如我这样设置
接下来在eclipse做html中重新添加jdk的路径打开偏好设置，像我这樣的选择找到配置jdk的地方。
如果你只安装了一个jdkInstalled JREs中直接就会显示出来，如果你想添加别的jdk就选择add，找到你对应目录下的jdk