返回首页

使用 VSCode 开发 JavaWeb

作者：Superdeep

使用Scoop+VSCode完成所有的环境配置

注意：如果不是非常必要，不要污染系统的环境变量，不要随意往环境变量里塞东西，尤其是classpath，最好的做法是为每个项目手动指定classpath，而不是直接在系统变量中添加classpath

Scoop部分，如果安装了Scoop则可以直接开始安装了：

整个过程需要有魔法

Scoop官网https://scoop.sh/

打开PowerShell

安装Scoop自己：

powershell
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
Invoke-RestMethod -Uri https://get.scoop.sh | Invoke-Expression

提示

powershell
Execution Policy Change
The execution policy helps protect you from scripts that you do not trust. Changing the execution policy might expose
you to the security risks described in the about_Execution_Policies help topic at
https:/go.microsoft.com/fwlink/?LinkID=135170. Do you want to change the execution policy?
[Y] Yes  [A] Yes to All  [N] No  [L] No to All  [S] Suspend  [?] Help (default is "N"):

输入A即可

提示：

plaintext
Initializing...
Downloading...
Extracting...
Creating shim...
Adding ~\scoop\shims to your path.
Scoop was installed successfully!
Type 'scoop help' for instructions.

代表scoop安装成功

安装openjdk，如果你之前安装过Java，最好删除所有关于Java的环境变量

如果没有安装过Java，那么你只需要用Scoop安装即可，scoop会帮你做好一切

如果你没有安装过git，使用以下命令安装：

plaintext
scoop install git

安装openjdk：

plaintext
scoop bucket add java
scoop install java/openjdk21

以下提示代表openjdk安装成功：

plaintext
Checking repo... OK
The java bucket was added successfully.
PS C:\Users\WDAGUtilityAccount> scoop install java/openjdk21
Installing 'openjdk21' (21.0.2-13) [64bit] from 'java' bucket
openjdk-21.0.2_windows-x64_bin.zip (192.0 MB) [===============================================================] 100%
Checking hash of openjdk-21.0.2_windows-x64_bin.zip ... ok.
Extracting openjdk-21.0.2_windows-x64_bin.zip ... done.
Linking ~\scoop\apps\openjdk21\current => ~\scoop\apps\openjdk21\21.0.2-13
Adding ~\scoop\apps\openjdk21\current\bin to your path.
'openjdk21' (21.0.2-13) was installed successfully!

安装maven

plaintext
scoop install main/maven

随后安装VSCode，当然你也可以用scoop安装：

plaintext
scoop bucket add extras
scoop install extras/vscode

安装这些的插件：

Extension Pack for Java

Community Server Connectors

打开vscode

点击此处

javawebmaven

选择这个

Javawebcreatepjj

提示Define value for property ‘version’ 1.0-SNAPSHOT: :

敲一下回车

出现

plaintext
Confirm properties configuration:
groupId: com.example
artifactId: demo
version: 1.0-SNAPSHOT
package: com.example
 Y: :

输入Y

之后完成项目创建

之后安装tomcat

点击此处下载tomcat或添加已有tomcat

PixPin_2024-10-19_11-18-36

选择你想要的tomcat版本，我选择了11

tomcatverchoose

PixPin_2024-10-19_11-19-21

PixPin_2024-10-19_11-19-32

选择继续和YES即可~

在终端执行 mvn clean compile 和 mvn package

mvncompile

mvnpackage

将target下的跟项目名称相同名称文件夹放到tomcat服务器运行。

tomcat11targetrun

选择Tomcat 11

choosetomcat11

看到如下输出代表没有问题

meiwenti

mvn clean compile 和 mvn package后会生成target里的各种东西

项目目录结构：

在webapp下放jsp文件，在java文件夹下的包名文件夹里放java源代码

例如包名com.demo.javaweb对应文件夹

plaintext
│      │  └─com
│      │      └─demo
│      │          └─javaweb
plaintext
├─src
│  └─main
│      ├─java
│      │  └─com
│      │      └─demo
│      │          └─javaweb
│      ├─resources
│      └─webapp
│          └─WEB-INF
│              └─lib
└─target
    ├─classcode
    │  ├─META-INF
    │  └─WEB-INF
    │      ├─classes
    │      │  └─com
    │      │      └─demo
    │      │          └─javaweb
    │      └─lib
    ├─classes
    │  └─com
    │      └─demo
    │          └─javaweb

utf-8问题:

方法二

1、修改cmd的编码格式

快捷键win+R打开运行程序，输入regedit打开注册表，找到以下路劲并且修改。

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Command Processor]，新建一个字符串值，key-value如下： “autorun”=“chcp 65001”，之后重新打开cmd即可。

2、修改Tomcat bin目录下startup.bat文件

将call “%EXECUTABLE%” start %CMD_LINE_ARGS% 改为 call “%EXECUTABLE%” run %CMD_LINE_ARGS%

3、修改Tomcat bin目录下catalina.bat文件

将set “JAVA_OPTS=%JAVA_OPTS% %JSSE_OPTS%”

改为：set “JAVA_

plaintext
Windows Registry Editor Version 5.00

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Command Processor]
"autorun"="chcp 65001 > nul"