vscode 开发 Java web 急速教程

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

posted @ 2019-01-11 18:14  Liaofy  阅读(19283)  评论(1编辑  收藏  举报