一鍵安裝團隊推薦的 vscode 外掛

亖混子發表於2022-04-06
一鍵安裝團隊推薦的 vscode 外掛 --- 保證團隊成員開發環境一致性,提升工作效率

場景

日常想分享好用的 vscode 外掛給團隊小夥伴。群聊天和文件記錄都無法很好的觸達。極力推薦在程式碼倉庫裡面 “搞事情”

實踐

初始化階段

在前端程式碼庫的根目錄下新增 .vscode/extensions.json檔案註冊外掛列表,然後將檔案隨程式碼提交到 git 。如果哪位成員發現了好用的外掛,直接加在 recommendations 陣列中既可。入 git 的好處就是: 有記錄、持續更新、都能看到。

// .vscode/extensions.json
{
  "recommendations": [
    "dbaeumer.vscode-eslint",
    "esbenp.prettier-vscode",
    "editorconfig.editorconfig",
    "octref.vetur",
    "streetsidesoftware.code-spell-checker",
    "alefragnani.project-manager",
    "Gruntfuggly.todo-tree"
  ]
}

使用階段

組員下載程式碼庫後: 1. 進入 vscode 的外掛檢視; 2. 輸入框位置輸入 @recommended ; 3. 點選下載按鈕一鍵安裝

其他

在終端執行以下命令,分享下你認為好用的 vscode 外掛吧。

code --list-extensions

相關文章