iT邦幫忙

2025 iThome 鐵人賽

DAY 16
0
自我挑戰組

跟 AI Agent 變成好朋友系列 第 16

【Day16】AI Agent 魔法詠唱 - 準備與安裝

  • 分享至 

  • xImage
  •  

在開始開發專案前,需確認本機已安裝以下工具:

  1. Docker

    安裝:

    • Docker 是容器化的基礎,可至 Docker 官網 下載 Docker Desktop,依照作業系統安裝(macOS、Windows、Linux)。
    • 安裝完成後,啟動 Docker Desktop。

    檢查:

    • 打開終端機,輸入:
    docker --version
    docker compose version
    

    若能顯示版本號,表示安裝成功。

  2. Java

    安裝:

    • Java 主要用於後端 API 服務,可以前往 Oracle 官網下載並安裝 JDK。
    • macOS 可用 Homebrew 安裝:
    brew install openjdk@17
    

    檢查:

    • 終端機輸入:
    java -version
    

    若顯示版本號(如 openjdk version "17.0.8"),表示安裝成功。

  3. Spring

    安裝:

    • Spring 是一個用 Java 開發的後端框架,可以直接透過 Spring Initializr
    • 選擇:Project: Maven、Language: Java、Spring Boot 版本等來自訂專案。
    • 點擊「Generate」,下載專案壓縮檔並解壓縮,來獲得初始化的專案架構。

    檢查:

    • 進入專案資料夾後,若有 Maven Wrapper(mvnw),直接執行:
    ./mvnw clean package -DskipTests
    

    就能夠自動下載所有專案依賴套件,編譯 Java 程式碼以打包成 JAR 檔,在 target/ 目錄下產生 demo-0.0.1-SNAPSHOT.jar。同時,跳過測試(DskipTests),加快建置速度,啟動 Spring Boot 應用。

  4. Node.js 與 Vue

    安裝:

    • 前端的部分,可以先前往 Node.js 官網 下載安裝,或用 Homebrew:
    brew install node
    
    • Vue 3 專案通常用 Vite,可視需要安裝 Vue CLI:
    npm install -g @vue/cli
    

    檢查:

    • 終端機輸入:
    node -v
    npm -v
    vue --version
    

    若可以顯示版本號,表示安裝成功。

    • 再進入前端專案的目錄下,安裝依賴套件,並啟動前端伺服器:
    npm install
    npm run dev
    

    若能在瀏覽器開啟前端介面,表示安裝與設定成功。

完成上述的所有步驟,就代表已經準備好開發的所需工具,下次只要設定好 docker 就能直接進行容器化、建置與啟動專案了。


上一篇
【Day15】AI Agent 魔法詠唱 - 專案架構
下一篇
【Day17】AI Agent 魔法詠唱 - docker 設定
系列文
跟 AI Agent 變成好朋友17
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言