java vscode配置（vscode配置javaweb环境）

大家好，我是讯享网，很高兴认识大家。

 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg> <p><strong>下载jdk</strong></p>

讯享网

讯享网

在这里插入图片描述
讯享网
下载完毕直接安装，安装完毕自动添加以下环境变量

在cmd中运行

出现以下代表成功
在这里插入图片描述
再添加系统变量

下载Maven

讯享网

在这里插入图片描述
下载完解压放到自己方便找到的位置，以下为我的存放目录

添加环境变量
在这里插入图片描述
在cmd中输入

我的出现以下报错
在这里插入图片描述
在安装目录bin中运行mvn.cmd

出现以下报错，一闪而过，通过录屏捕捉到错误信息

在cmd中添加compile，出现以下代表安装成功

讯享网

在这里插入图片描述
查了一下原因，maven执行时需要指定阶段，没有指定就会报错，maven有很多生命周期阶段，如下图。指定执行后面的阶段，则之前阶段会自动执行
并且一次在mvn中指定了compile，后续就可以不加了

同理，在cmd中输入以下也能得到相同结果

在这里插入图片描述
在vscode中添加扩展
搜索community
安装maven for java

创建java web项目
打开vscode命令面板搜索maven

选择new project

继续搜索web，点击webapp

给项目命名

然后一路确认，如果出现报错如Error: JAVA_HOME not found in your environment
将vscode改为以管理员身份启动，正常情况是这时候vscode在下载各种配置文件，如下图
在这里插入图片描述
出现以下结果很久没动

因为 Maven默认读取远程的Archetype 目录：http://repo.maven.apache.org/maven2/archetype-catalog.xml
这个文件很大，如果网络条件不好的话就需要很长时间。
耐心等待后出现以下结果，左上角为自动创建的目录
在这里插入图片描述
配置服务器
点击服务器，然后耐心等待

出现以下为完成

下载tomcat服务器文件到本地

讯享网

在这里插入图片描述
下载完解压放到合适的位置

添加环境变量

在cmd中输入startup，出现报错

在tocamcat安装目录找到startup.bat双击启动服务器出现以下，中文乱码大概是因为终端字符编码的问题，先忽略

在浏览器中输入环回地址127.0.0.1:8080或者localhost:8080，两者等同，端口号8080由上图得出，出现以下结果代表tomcat没问题
在这里插入图片描述
然后在此文件夹下找到shutdown.bat关闭服务器
在vscode中新建服务器

选择不下载，使用本地的服务器文件

选择tomcat安装的根目录

直接finish

配置好后为自动添加一个tomcat服务器，在服务器上右键点击start server
在这里插入图片描述
出现以下信息表示服务器成功启动，可以和刚才一样的访问方式一样访问，在本电脑cmd中输入ipconfig出现以下，其他在同一局域网的设备输入此ip地址加8080端口号可访问到这个服务器

这里用本人手机示例，在手机浏览器中输入10.148.137.112:8080，出现以下结果
在这里插入图片描述
至此实现了两种启动tomcat服务器的方式，在cmd中直接执行startup提示找不到可运行的文件，但目前来说没有影响，本文暂时不管
在vscode中启动服务器需要添加环境变量，直接在tomcat安装目录中启动不需要环境变量，可以根据需要选择是否添加

将项目打包发布到服务器上
在命令面板中搜索execute，选择执行命令
在这里插入图片描述
选择package打包

出现错误提示，点击设置

填入mvn.cmd绝对地址

解决问题后重试，出现以下打包信息，耐心等待

出现以下信息代表打包成功

在war包上右键，run on server启动服务器

启动服务器完成后在浏览器中输入127.0.0.1:8080访问到以下结果
在这里插入图片描述
访问的是默认的页面，要访问刚才默认生成的页面在地址栏后添加项目名访问，如下

项目手动部署到服务器
在tomcat的webapps中可以发现刚才的demo.war包和一个解压的demo，war包是整个网页文件，启动服务器之后会自动解压
这里示例手动部署，先把自动部署的war和解压的文件夹一并删除
在这里插入图片描述
然后在刚才的项目文件中找到war包

复制到tomcat安装目录的webapps文件夹下

在tomcat安装目录中找到startup.bat双击启动服务器

浏览器中访问，得到一样的结果

默认启动访问的是tomcat管理页面，放上去的项目文件在二级目录，可以更改默认访问的页面，本文就不继续写教程了
到现在为止，本文vscode配置javaweb的环境基本完整

java vscode配置（vscode配置javaweb环境）

相关推荐