24
26

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

VScodeでMVN, Tomcat, JSP/ServletでWebアプリ開発メモ

Last updated at Posted at 2019-03-19

準備

Tomcatを任意のディレクトリに配置する

TomcatをDLしたら、zipを解凍し任意のディレクトリに配置する。
macOSならApplications配下に配置するのがよさそう。

vscodeのプロジェクトにDLしたTomcatを指定する

Tomcat for Javaプラグインをインストールした後
Command + Pを押下し >Add Tomcat Serverと入力後、Enter。
Tomcatが配置されているディレクトリを選択する。

実行

pom.xmlがプロジェクトルートに生成されていることを確認し、プロジェクトのルートで下記を実行

mvn install
mvn compile
mvn package

.warファイルが生成されたことを確認する。

VSCode上で、Command + Pを押下し >Tomcat: Runon Tomcat Server と入力し、Enter。
warファイルを選択する。
warファイルを参照して、Tomcatが立ち上がる。

デフォルトの設定であれば、localhost:8080に立ち上がります。

http://localhost:8080
にアクセスして以下の画面が確認できます。

スクリーンショット 2019-03-21 0.13.19.png

FAQ

.jarファイルが見つからないなどのエラーが発生する

  • パスを確認する
  • 一度、mvn installを行っている場合は、mvn clean を実行し、再度、mvn install を行う
    • mvn installを行うとpom.xmlで実行した内容をキャッシュする仕組みになっているようです

TODO

0ベースからmvn、JSP/Servletのプロジェクトを作成する方法は後日書きます!

24
26
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
24
26

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?