如何用 VS Code 打開並啟動tstt這個專案 - 其一

| Work Notes | 3 Reads

下載專案

git clone <此專案的 Git URL>
cd tstt

如果已經下載到本機,只需記住專案的資料夾路徑即可。


啟動 VS Code

  1. 雙擊 VS Code(或使用 Start 功能表)。

  2. 首次啟動時會提示登入或安裝擴充套件,可先忽略。


開啟專案資料夾

  • 在 VS Code 選單選擇 File → Open Folder…

  • 指向剛才的 tstt 專案資料夾後按 Open

  • 也可以在檔案總管直接拖曳資料夾到 VS Code 視窗中


安裝推薦擴充套件

專案內含 .vscode/extensions.json,VS Code 會跳出通知建議安裝:

  • Java Extension Pack

  • Tomcat for Java

點擊 Install 完成安裝即可。
若通知未自動出現,可按 Ctrl+Shift+X 開啟 Extensions,搜尋名稱後手動安裝。


設定 JDK(若 VS Code 未自動找到)

  1. Ctrl+Shift+P 打開 Command Palette

  2. 輸入 Java: Configure Java Runtime

  3. 在彈出的設定畫面指定 JDK 8(或 JDK 7) 的安裝路徑

  4. 設定完成後重新載入 VS Code


設定 Tomcat 伺服器

  1. 在左側活動列找到 Tomcat 圖示(或 Ctrl+Shift+P 搜索 Tomcat: Add Tomcat Server

  2. 選擇 Add Tomcat Server,指定 apache-tomcat-7.0.99 解壓後的資料夾

  3. 伺服器加入後,可在側欄右鍵專案 → Run on Tomcat Server 進行部署


查看 .vscode 設定

settings.json 已預設:

  • src/main/java 為 Java 原始碼路徑

  • 編譯輸出至 bin/

這些設定只對此工作區生效,不會覆蓋你在 VS Code 的全域設定。


開始開發/除錯

  • 打開任一 .java 檔案,右上角會出現 Run/Debug 按鈕

  • 或使用 F5 啟動除錯

  • 若需在 Tomcat 上跑,請先部署到伺服器再除錯


這樣就可以在 VS Code 中順利打開此專案了。*(但是不能運行,一堆報錯

 

This article was last edited at