一鍵安裝團隊推薦的 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