Google Antigravity MCP 架設

Part 2: Netlify 部署設定

使用 VS Code 擴充套件快速部署網站到 Netlify

一鍵部署 VS Code 整合簡單快速

📦 Step 1：安裝擴充套件

1

開啟 VS Code 擴充套件

按下 Ctrl + Shift + X 開啟擴充套件面板

2

搜尋「Netlify Deploy」

在搜尋欄輸入 Netlify Deploy

3

安裝擴充套件

找到作者是 HuLunTunTao 的套件，點擊「Install」

確認作者！
請確認擴充套件作者是 HuLunTunTao，避免安裝到其他套件

🔐 Step 2：取得 Netlify Token

1

前往 Netlify 設定頁

登入 Netlify → 點擊右上角大頭貼 → User settings

2

建立 Access Token

左側選單 → OAuth → Personal access tokens → New access token

3

設定 Token

名稱：VS Code Deploy
到期日：選擇適合的期限

4

複製 Token

按 Generate token，立即複製（只會顯示一次！）

重要！
Token 只會顯示一次，請務必立即複製並保存好！

⚙️ Step 3：設定 Token 到 VS Code

1

開啟命令面板

按下 Ctrl + Shift + P

2

輸入指令

Netlify: Set PAT

3

貼上 Token

在彈出的輸入框中貼上剛才複製的 Token

🔒 安全保障
Token 只儲存在本地 VS Code SecretStorage，不會傳輸到其他地方！

📁 Step 4：選擇部署資料夾

1

開啟命令面板

按下 Ctrl + Shift + P

2

輸入指令

Netlify: Select Deploy Folder

3

選擇資料夾

選擇要部署的網站資料夾（例如：dist、build 或專案根目錄）

提示
通常是選擇含有 index.html 的資料夾

🌐 Step 5：選擇 Netlify 網站

1

開啟命令面板

按下 Ctrl + Shift + P

2

輸入指令

Netlify: Choose Existing Site

3

選擇網站

從清單中選擇你要部署的 Netlify 網站

還沒有網站？
請先到 Netlify 官網建立一個新網站，或使用其他指令建立新網站

🚀 Step 6：執行部署

1

開啟命令面板

按下 Ctrl + Shift + P

2

輸入指令

Netlify: Deploy to Netlify

3

等待完成

VS Code 會顯示部署進度，等待部署完成即可

🎉 部署完成！
部署成功後，會顯示你的網站網址，例如：
https://your-site-name.netlify.app

📋 指令速查表

所有指令都使用 Ctrl + Shift + P 開啟命令面板後輸入：

指令	功能說明
`Netlify: Set PAT`	設定 Personal Access Token
`Netlify: Select Deploy Folder`	選擇要部署的資料夾
`Netlify: Choose Existing Site`	選擇現有的 Netlify 網站
`Netlify: Deploy to Netlify`	執行部署

快速部署流程
首次設定完成後，之後只需要執行 Netlify: Deploy to Netlify 即可快速部署！

🔒 安全與隱私

✅ Token 安全儲存

Token 只儲存在本地 VS Code SecretStorage，使用作業系統的安全加密機制

✅ 不會外傳

Token 不會被記錄或傳輸到擴充套件開發者或其他第三方

✅ 官方 API

所有請求只會發送到 Netlify 官方 API

放心使用！
此擴充套件遵循最佳安全實踐，你的 Token 和專案資料都是安全的！

✅ Netlify 部署設定完成！

✔️ 已完成

安裝 VS Code 擴充套件
取得 Netlify Token
設定 Token 到 VS Code
學會部署流程

🎯 現在可以

一鍵部署網站
選擇不同資料夾部署
切換不同網站
快速更新網站內容

🎉 Netlify 部署設定完成！

接下來學習如何設定 Notion MCP

前往 Part 3 →