VSCode & Java _ Tomcat热部署

Pechola learning Java 发布于

最后更新于

学习Java中，不想让患公主病的Surface跑IDEA，决定用VSCode来学。记录下一些折腾，backup。

Target: 在VSCode运行Tomcat并完成项目的热部署。

步骤:

  1. 配置好maven和Tomcat的Windows环境变量、maven本地仓库地址、VSCode中的相关路径后…

  2. 创建maven的webapp项目

  3. VSC安装插件：Community Server Connectors，Deploy
    （前者用于在VSC中获取Tomcat服务执行相关操作，后者用于热部署）

在安装好Community Server Connect后VSCode界面左侧档案栏中的大纲、时间表等下面会出现SERVERS-Community Server Connector
右键Community Server Connector选择“创建新服务器”，选择Tomcat的路径后将Tomcat添加到其下，
Tomcat，启动！

// 部署maven-package打包好的war包的话，右键刚刚添加的Tomcat选择Add Deployment-选择file，选到war文件；然后右键Tomcat-Publish Server即可。但不是热部署。

  1. 在当前工作目录中创建.vscode文件夹，里面创建settings.json文件，在该文件中配置Deploy插件：
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    {
        //Deploy插件热部署所需配置信息
           "deploy": {
            "packages": [
                {
                    "name": "web app",
                    "description": "配置webapp中的文件路径",
                    "files": [
                        "src/main/webapp/*",
                        "src/main/webapp/*/*",
                        "src/main/webapp/*.*",
                        "src/main/webapp/*/*.*",
                        "src/main/webapp/*/*/*.*",
                        "src/main/webapp/*/*/*/*.*",
                        "src/main/webapp/*/*/*/*/*.*",
                        "src/main/webapp/*/*/*/*/*",
                        "src/main/webapp/*/*/*/*/*/*.*",
                    ], 
                    "exclude": [
                        "src/main/webapp/test/*"
                    ],
                    "deployOnSave": true,
                    "useTargetList": true,
                    "button": {
                     "text": "热部署",
                     "tooltip": "点击部署",
                     "targets": [ "HOTSITE" ]
                 },
       
                }
            ],
            "targets": [
                {
                    "type": "local",
                    "name": "HOTSITE",
                    "description": "配置指向编译目录",
                    "dir": "target/TEST/",            // 指向编译后的文件路径
                    "mappings": [
                        {
                            "source": "src/main/webapp",
                            "isRegEx": false,
                            "target": "/"
                        }
                    ]
                }
            ]
           },
        }

以后再使用此配置时主要是修改“指向编译后的文件”的路径。
即使用maven的compile后将class等文件输出到哪里，热部署也正是部署该路径下的编译好的项目。

  1. 接着配置maven提供的pom.xml文件，在标签中加入output的位置，即刚才在.json中设置的路径“/target/TEST”，但需要更进两层到classes的目录：
    配置好的pox.xml部分如下：
...
<finalName>kserver</finalName>
<sourceDirectory>src/main/java</sourceDirectory>
        <resources>
          <resource>
            <directory>src/main/resources</directory>
          </resource>
        </resources>
    <outputDirectory>${basedir}/target/TEST/WEB-INF/classes</outputDirectory> 
....
  1. 使用maven的compile编译项目，对Tomcat进行Add Deployment，这次选Exploded，选到上面配置的那个target/TEST文件夹。
    此时的项目结构

! VSC左下角会有一个“热部署”按钮，是刚才通过.json配置实现的，点一下。
"热部署"按钮

右键Tomcat进行Publish Server，完成。

浏览器中通过127.0.0.1:8080/TEST访问，
一开始一直访问/kserver一直访问之前添加的war包:(，后来右键Tomcat-Server Actions-Show in Browser才发现这个低级错误。

————————————————————
愈发感到VSCode的有趣。
嗯
最近Java，素描，日语，篆刻，抹茶道同步进行，当然还有无尽论文。
相当没事找事有事找事寻衅滋事，后天去宁波看Hacken演唱会，(￣y▽￣)╭ Ohohoho…..

Pechola

Pechola

不來也不去.