次世代 Hugo

智能を研ぎ、創造を編む

專案所使用的 Extension

Sam Xiao's Avatar 2026-05-13

VS Code 可將專案所使用到的 Extension 存到 .vscode 目錄下的 extensions.json 內，讓用戶可快速得知此專案用到哪些 Extension 以便安裝。

Version

VS Code 1.120

.vscode/extensions.json

{
  "recommendations": [
    "budparr.language-hugo-vscode",
    "lruihao.hugo-partials-refs",
    "esbenp.prettier-vscode",
    "tamasfe.even-better-toml",
    "editorconfig.editorconfig"
  ]
}
  • extensions.json 必須放在 .vscode 目錄下，此為 Workspace 等級設定
  • recommendations：將套件名稱寫在此

Git

.gitignore

.vscode/*
!.vscode/settings.json
!.vscode/extensions.json
  • 排除 .vscode 不進 Git
  • 但 settings.json 與 extensions.json 要進 Git
  • 第一次開啟專案時，VS Code 右下角會跳出通知詢問 是否安裝推薦的 Extensions，點 Install All 即可安裝 Extension

Extensions View

  • 開啟 Extensions View
  • 搜尋框輸入 @recommended
  • 會列出 extensions.json 內的所有推薦的 Extension，逐一點 Install 安裝

Command Palette

  • 開啟 Command Palette
  • 輸入 Extensions: Show Recommended Extensions
  • 在 Extensions View 顯示推薦 Extension

CLI

cat .vscode/extensions.json \
  | grep '"' \
  | grep -v '//' \
  | sed 's/.*"\(.*\)".*/\1/' \
  | grep '\.' \
  | xargs -I {} code --install-extension {}
  • 一次安裝所有 Extension

Conclusion

  • VS Code 是萬用程式碼編輯器，依賴不同的 Extension 就可處理不同類型專案，因此建議將所有用到的 Extension 都記錄在 .vscode/extensions.json，並存入 Git，這樣接手的人就可馬上設定好開發環境

# VS Code