vscode 开发 Java web 急速教程

Posted 2021-02-02 liaofy

1、确认在本机已安装 JAVA SDK

2、确认在本机已安装 maven

3、确认在本机已安装 tomcat

下面是我本机相关软件版本：

java version "1.8.0_191"
Apache Maven 3.6.0 
apache-tomcat-9.0.14
win10 64bit

当你已经确认在你的机器上正确的安装以上软件后，方可进入下面操作。

• 打开 maven 的安装目录/conf/setting.xml，替换里面的 mirrors 为下面代码，这样可加速 maven 项目的构建、编译、测试：

  <mirrors>
    <mirror>
      <id>alimaven</id>
      <name>aliyun maven</name>
      <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
      <mirrorOf>central</mirrorOf>        
    </mirror>
  
  </mirrors>

• vscode 安装 Java Extension Pack 插件
• 使用 Maven 新建 java-web 项目
  • 插件安装成功后重启 vscode，在左侧项目区右键，可以看到从 Maven 原型生成，或同时按下ctrl + shift + p输入 maven，选择从 Maven 原型生成
  • 选择maven-archetype-webapp后 maven 会下载各种依赖，并要求你填写 groupId、artifactId等，然后就会建立一个 java-web 项目
  • 执行mvn clean package将项目打包后，在 target 目录中会生成 .war 文件
• 使用 tomcat 访问网页
  • 启动 tomcat，将上面生成的 .war 文件手动复制到 tomcat 安装目录的 webapps 文件夹下，假设 .war 的文件名为 learn-web在浏览器输入http://localhost:8080/learn-web/index.jsp
  • 或者安装Tomcat for Java插件，具体用法见插件说明

参考

Java in VS Code Tutorial
maven-web-app