Visual Studio Code （VSCode）使用之普通Web项目启动

---

前言

由于当前接触到的一些老项目，未使用maven管理依赖；使用idea社区版无法实现热部署，在调整页面时超级不方便。基于总总原因，需要找寻一个方便且简洁的ide工具启动普通Web项目。此时，VSCode出现啦。
本文主要是介绍启动项目的相关内容，插件的安装和设置不做赘述。
ps：安装VSCode插件或启动maven管理依赖的项目可查看另一篇帖子。【传送门】

使用步骤

1. 导入项目

VSCode选择相应菜单，并选中项目所在文件夹。

2. 设置tomcat

2.1 为项目选择tomcat

在TOMCAT SERVES 栏点击“+”，选中自己本地tomcat所在目录，会为当前项目增加一个tomcat，在磁盘中为该项目创建一个tomcat的工作目录。对这个tomcat进行设置，不会影响其他项目的tomcat设置。

2.2 设置tomcat的server.xml

先选中自己的tomcat，右键出现菜单。选择“Open Server Configuration”，会打开当前项目tomcat的server.xml文件。主要将当前项目的信息设置在tomcat中，在运行时无需再手动设置项目信息。

下面是重要内容的说明：
Host appBase：为项目在磁盘中的完整路径
Context path：为在浏览器中访问时的名称（我的为http://localhost:8080/yfcrk/）
Context docBase：为项目静态资源所在目录（对于项目根目录的相对路径）

3. 加载java

打开任意java文件，Java PROJECTS 会自动加载项目。

3.1 设置Classpath Configuration

点击JAVA PROJECTS 栏的“…”选中“Configure Classpath”。

需要注意的内容有三点：
（1）检查项目的java资源路径是否正确；
（2）检查java文件编译后的路径是否正常（使用默认路径会无法启动）；
（3）检查项目的java是否已经全部引入；

3.2 编译项目

修改Output路径后，需要对项目进行重新编译。在JAVA PROJECTS 栏点击“Rebuild All”按钮，进行编译。编译完成后，检查Output路径下是否有编译后的文件。

4. 启动项目

在TOMCAT SERVERS栏下选中自己的tomcat，点击右键出现菜单，选择菜单中的“Start”，启动项目。

总结

启动普通Web项目，相比启动Maven管理依赖的项目在设置上更繁琐一些（也可能是我没找到更好的方法）。一次设置，永久使用。
欢迎大家在评论区留下更nice的方法，一起学习进步哈。