基本的前后端环境搭建

JDK环境配置

1. 官网下载https://www.oracle.com/technetwork/java/javase/overview/index.html

2. 安装或者解压安装包

3. 在弹出的“环境变量”窗口中，点击下方的“新建”按钮，在弹出的“新建系统变量”窗口中，新建一个名为“JAVA_HOME”的环境变量，变量值为Java的安装路径。

4. 和JAVA_HOME一样，新建一个名为“classpath”的环境变量，变量值为：%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar。

5. 设置Path环境变量，该变量已经存在，所以在列表中选择Path，点击下方的“编辑”按钮，在弹出的窗口中添加如下信息：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin，然后点击“确认”按钮即可

6. 对于JDK11则无需安装JRE，也不用设置classpath变量了，只需要设置JAVA_HOME和在Path中添加%JAVA_HOME%\bin;即可

7. 安装完成后通过java –version命令查看版本，看是否安装成功

Maven配置

1. 官网下载https://maven.apache.org/download.cgi

2. 解压安装包

3. 在系统变量里增加MAVEN_HOME环境变量，值为安装包路径

4. 在系统变量里找到path，把%MAVEN_HOME%\bin;放在后面

5. 安装完成后通过mvn -version或者mvn -v命令查看版本，看是否安装成功

Gradle配置

1.官网下载https://gradle.org/releases/，可以选择二进制版本或者完全版本，完全版本是带文档和demo的，都可以用。

2.解压到本地目录，比如D:\DevEnvironment\gradle-7.0.1

3.设置环境变量：这里需要增加两个值
GRADLE_HOME D:\DevEnvironment\gradle-7.0.1
GRADLE_USER_HOME D:\DevEnvironment\gradle-7.0.1\lib （这个是仓库地址，非必须配置）
Path 加上 %GRADLE_HOME%\bin\

4.最后gradle -v命令检查是否安装生效，这里需要重启机器生效。

TomCat配置

1. 官网下载https://tomcat.apache.org/download-90.cgi

2. 可以下载压缩包或者安装文件，压缩包的话解压即可

3. 检查安装路径bin目录下面是否存在catalina及startup文件，存在的话就不用设置环境变量了

4. 打开浏览器，输入localhost:8080，看到汤姆猫页面了说明配置成功了，需要启动运行tomcat服务，可以通过执行startup脚本启动

MySql 配置

1. 官网下载，https://dev.mysql.com/downloads/

2. 安装mySql时需要先安装.net framework ，安装完成后再安装MySql

3. 安装过程中提示需要让你安装其他一些组件，比如visualC++,visual studio, python等安装完成后再check.

4. 需要设置root用户的密码，此处我设置为david

5. 设置环境变量，在系统变量的Path里面添加MySQL Server安装目录的bin路径。

Node.js环境配置

1. 官网下载https://nodejs.org/en/download/

2. 可以下载压缩包或者安装文件，压缩包解压即可，选择安装目录安装

3. 安装完成后使用cmd命令node -v验证node.js是否安装成功，新版本已经集成了npm所以可以选择npm –v验证npm是否安装成功

4. 在node.js安装目录下新建两个文件夹node_cache，node_global用于存放npm的cache和全局路径

5. 使用cmd命令npm config set prefix "C:\Program Files\nodejs\node_global"以及npm config set cache "C:\Program Files\nodejs\node_cache"设置

6. 配置系统环境变量NODE_PATH，在其中输入上面的node_global路径，系统path添加全部索引%NODE_PATH%

7. 装一个模块来测试一下，我选择的模块是cordova，你也可以选择express模块。进入cmd命令行输入 npm install -g cordova （“-g”表示装到global目录下，也就是刚才设置“E:\FRONT\nodejs\node_gobal”目录下）。等到安装完成时，会出现提示“cordova”安装的目录，以此验证是否设置成功。

Vue.js开发环境配置

1. 安装好nodejs后，通过命令行检查安装是否成功（node -v检查node是否安装成功，npm –v检查npm是否安装成功）

2. 运行命令行npm install -g cnpm --registry=http://registry.npm.taobao.org安装淘宝镜像

3. 运行npm install –g vue –cli安装vue脚手架工具

4. 建一个工作目录，例如E:\VUEJS，运行vue init webpack firstVue安装项目构建工具