1 - VS Code Extensions
VSCode 的marketplace包含了數以千計的功能各異的Extensions,極大地改善了VS Code的適用性和擴展了使用范圍。
https://marketplace.visualstudio.com/VSCode
2 - Online
快捷鍵CTRL+SHIFT+X
,或者選擇擴展標簽,打開擴展 ---》 輸入需要安裝的擴展名稱 或 關鍵字,從索引出的 “擴展”列表中選擇,根據提示安裝。
3 - Offline
https://marketplace.visualstudio.com/VSCode
在擴展官網上,找到打開要安裝擴展的頁面,點擊頁面中的"Download Extension",下載以.vsix結尾的文件
例如,Python
下載對應的.vsix 文件
安裝方式1
擴展標簽中,選擇”...“,彈出擴展設置,選擇”從VSIX安裝“,然后重啟即可
安裝方式2
在存放文件的目錄下執行code命令: code --install-extension <extension-name>.vsix
安裝方式3
直接復制到對應的擴展安裝目錄中,然后重啟,例如,Windows系統“C:\Users\用戶名.vscode\extensions”
4 - Some Extensions
Common
- Chinese (Simplified) Language Pack for Visual Studio Code:中文界面
- Git History 提供可視化的 Git 版本樹管理,可通過命令面板或界面按鈕激活
- GitLens 增強內置Git 功能, 顯示豐富的git日志,文件歷史、行歷史等
- Visual Studio IntelliCode 微軟官方提供的基於 AI 輔助的自動補全功能,支持 Python、TypeScript/JavaScript和Java語言
- TabNine 強大的 AI 輔助智能補全,支持幾乎所有編程語言
- Code Spell Checker 代碼拼寫檢查, 檢查代碼中的單詞拼寫錯誤並給出錯誤拼寫單詞的建議
- Code Runner 萬能語言運行環境, 不用搭建各種語言的開發環境,選中一段代碼直接運行,非常適合學習或測試各種開發語言
- Docker 管理本地容器
- EditorConfig for VS Code 在眾多IDE和編輯器中保持統一代碼風格的開源項目
- filesize 在狀態欄中顯示當前文件大小,點擊后還可以看到詳細創建、修改時間
- vscode-icons 文件圖標,實現對各種文件類型的文件前的圖標進行優化顯示,,可以直接通過文件的圖標快速知道文件類型
- Rainbow Brackets 為圓括號,方括號和大括號提供彩虹色
- Bracket Pair Colonizer 2 彩虹括號,使用彩虹色區分標注不同的括號對
- Indent-Rainbow 用四種不同顏色交替着色文本前面的縮進
- Log File Highlighter 日志文件高亮,主要是針對 INFO、WARN、ERROR 高亮,方便查看日志文件
- TODO Highlight 高亮顯示代碼中的 TODO、FIXME 及其他注解
- Atuo Rename Tag 修改 html 標簽,自動幫你完成頭部和尾部閉合標簽的同步修改
- RegExp Preview and Editor 通過命令面板啟動,在分欄頁面中編輯正則表達式,並以數據流圖可視化顯示正則語法結構
Markdown
- Markdown Preview Enhanced 預覽與展示,以pdf文檔樣式的效果來顯示內容,默認配置
- Markdown Toc 生成目錄,需要配置參數
- Markdown PDF 可以簡單地將編寫的.md文件轉換成PDF等格式的文件,設置常用配置
- Markdownlint 語法規整和風格檢查
- Markdown Preview Github Stying 使用Github樣式來渲染Markdown,朴素簡潔
- Markdown All in One 功能組合包,包含了書寫Markdown需要用到的常用功能和設置(鍵盤快捷方式,目錄,自動預覽等),默認配置
Office
- PDF: vscode-pdf 直接打開瀏覽pdf格式的二進制文件
Draw.io Integration
繪制流程圖、腦圖和UML圖,新建擴展名為 .drawio、.dio 、.drawio.svg 文件即可進入編輯
- https://github.com/hediet/vscode-drawio
- https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio
Remote Development
https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack
- Remote - SSH:基於 SSH 的遠程開發
- Remote - Containers:基於 Docker 容器的遠程開發
- Remote - WSL:基於 Windows Subsystem for Linux(wsl) 的遠程開發
Format
- Beautify 代碼格式化(Javascript, JSON, CSS, Sass, and HTML)
- ESLint 代碼檢查,關注語法規則和代碼風格,可以用來保證寫出語法正確、風格統一的代碼。
- Prettier 嚴格基於規則的代碼格式化程序, 解析代碼並使用自定義規則重新打印代碼,從而實現風格一致
- SonarLint
CSV
- Rainbow CSV
- Edit csv
- Excel Viewer
Language
### Java
Java Extension Pack
- Debugger for Java
- Language Support for Java(TM) by Red Hat
- Visual Studio IntelliCode
- Maven for Java
- Java Test Runner
- Java Dependency Viewer
Spring Boot Extension Pack
- Spring Boot Tools
- Spring Boot Dashboard
- Spring Initializer Java Support
CheckStyle for Java
Java Decompiler
Lombok Annotations Support
### Python
- Python Extension Pack
- python snippets
- pylint
### Bash
- Bash IDE
- shellman
- Shell-format
- Bash Debug
### Jenkins
- JenkinsFile Support
- Groovy Lint, Format and Fix
### FE
- Angular Language Service : 代碼自動完成/AOT診斷/跳轉到定義等實用功能
- Debugger for Chrome