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 文件
- 插件安装成功后重启 vscode,在左侧项目区右键,可以看到
- 使用 tomcat 访问网页
- 启动 tomcat,将上面生成的 .war 文件手动复制到 tomcat 安装目录的 webapps 文件夹下,假设 .war 的文件名为 learn-web在浏览器输入
http://localhost:8080/learn-web/index.jsp
- 或者安装
Tomcat for Java
插件,具体用法见插件说明
- 启动 tomcat,将上面生成的 .war 文件手动复制到 tomcat 安装目录的 webapps 文件夹下,假设 .war 的文件名为 learn-web在浏览器输入