站点开发环境搭建

时间：2023-07-09 10:30:02 | 来源：网站运营

时间：2023-07-09 10:30:02 来源：网站运营

站点开发环境搭建：***字有点多，八九成人可能都放弃在这一步***

开发第一步：搭建前后端环境！

---------------------------------------------


先说明下我们都要安装哪些应用，下载链接在后面。


安装JDK：Java Development Kit，Java开发工具包，没有JDK无法编译Java程序。版本jdk-8u101-windows-x64。

安装MySQL：一个关系型数据库管理系统，Workbench是mysql的可视化管理工具。mysql版本mysql-installer-community-5.7.18.1，workbench版本mysql-workbench-community-6.3.9-winx64。


安装maven：项目管理工具，对项目自动完成编译、测试、打包、发布、部署等工作。版本apache-maven-3.8.6-bin。


安装node：运行在服务端的JS（JavaScript），主要咱们用到的是随同Node安装的NPM，NPM是包管理工具，开发前端的时候用到。版本node-v12.18.2-x64。


安装nginx：一个高性能的HTTP的反向代理web服务器，之后我们开发的前端代码交给nginx成为前端独立服务。版本nginx-1.22.0。

---------------------------------------------


百度网盘下载地址：


链接：

https://pan.baidu.com/s/1BVwdIs0jcX_-IAb3ZfMICw?pwd=sxja

提取码：sxja

---------------------------------------------

下面我们一个个说明如何安装


一、安装JDK


当前我们安装的Windows64，如果你的电脑是32位请自行下载

https://www.oracle.com/cn/java/technologies/downloads/#java8

1、双击jdk-8u101-windows-x64.exe







就是这个，双击运行

下一步，如下图








记住下面的路径，然后下一步







下图进度完成后会弹出JRE安装，窗口可能被隐藏在后面，在底部找到，然后点击下一步







就下面这个张图安装可能不自动弹出来，记得点下一步，不然就一直在等待








等待JRE安装完成










完成后会出现下面的界面








点击关闭即可


2、配置环境变量


右键“计算机”/“我的电脑”，点击菜单中的“属性”








点击左侧菜单的“高级系统设置”








点击顶部菜单的“高级”，再点击底部的“环境变量”








点击底部的“系统变量”中的“新建”按钮







新建JAVA_HOME路径








上图的变量值可以到对应文件夹下去检查一下，看一下版本对不对，如下图







输入好了，点击确定


在系统变量中找找有没有JAVA_HOME








然后在系统变量中找Path，如果没有就新建一个，像上面JAVA_HOME一样新建







点击右边菜单的“新建”按钮，新建下面两个变量值，注意%开头;结尾

%JAVA_HOME%/bin;

%JAVA_HOME%/jre/bin;







在系统变量中找CLASSPATH变量，新增变量值

.;%JAVA_HOME%/lib;%JAVA_HOME%/lib/tools.jar

没有就新建一个














点击底部确认按钮







3、验证

最后我们要验证一下Java是否安装完整


底部搜索输入cmd，打开“命令提示符”








输入java -version，然后回车








出现java对应的版本1.8.0_101，如果你安装的其他的版本就显示你对应的版本，到此你的JDK就安装完成了，恭喜恭喜，第一步完成


二、安装数据库MySQL


1、安装MySQL

双击下面图标







如果出现下面的更新界面，点击“否”








接着就出现下面界面了，如图选择，仅安装mysql server








点击“next”按钮，出现下面界面







点击“Execute”，执行安装


等待完成














完成后点击上图的“Next”按钮


出现下图界面，继续点击“Next”按钮，进行配置








继续点击下图的“Next”按钮







继续点击“Next”按钮








出现下面的界面，进行设置密码








点击上图“Next”按钮，出现下面的界面，继续“Next”







嘿嘿，继续“Next”








出现下面界面，点击“Execute”按钮








等待下图安装完成














点击“Finish”按钮，出现下面界面，继续“Next”按钮







出现下面界面








点击“Finish”按钮即可


2、验证


点击设置








点击应用








查看是否有对应的程序








3、安装mysql的可视化工具-workbench


点击下面的图标








出现安装界面








一直点击“Next”按钮即可

























出现下面界面，代表安装完成








双击上图红框，选择对应的mysql server








输入密码，点击“OK”按钮，出现下面界面，代表已经对mysql进行可视化管理了







到此，已经完成了mysql和可视化工具的安装了


三、安装maven


1、选择压缩包进行解压








解压到D盘，你也可以自定义解压位置







2、配置环境变量







在系统便利中新增“MAVEN_HOME”，值为“D/apache-maven-3.8.6”，上图是3.6.0，请忽略，哈哈哈


3、验证


win+R，打开运行窗口


win按键是下面这个








输入cmd








点击确认，打开命令提示符








代表Maven安装成功了

四、安装node

1、安装node


双击下面图标








出现下图界面，点击“Next”按钮








下图勾选同意协议，点击“Next”按钮








出现下面界面，默认安装，点击“Next”按钮








继续“Next”








勾选安装必要工具，然后“Next”按钮








出现下面界面，点击“Install”按钮








等待安装完成








点击“Finish”按钮








2、验证


win+R打开命令提示符，输入node -v回车








至此，node安装完成


五、安装nginx


1、解压nginx-1.22.0.zip，就是下面的压缩包，注意解压的路径不能有中文，不然运行不起来








2、解压后双击nginx.exe








3、浏览器地址栏输入http://127.0.0.1/







代表nginx启动成功

注：可以先关了nginx，等用的时候再开启，如下操作














这样就可以关闭nginx了

好了，到此，所有的安装已经完成，之后我们开始创建项目！下一篇再见~