Tips 總結

1. VSCode顯示空格和tab符號

1.打開setting,在搜索框中輸入renderControlCharacters,選中勾選框,即可顯示tab

2.在搜索框中輸入renderWhitespace,選擇all,即可顯示空格.

插件擴展

• https://marketplace.visualstudio.com/VSCode

Markdown

- Markdown Preview Enhanced    預覽與展示，以pdf文檔樣式的效果來顯示內容，默認配置
- Markdown Toc    生成目錄，需要配置參數
- Markdown PDF    可以簡單地將編寫的.md文件轉換成PDF等格式的文件，設置常用配置
- Markdownlint    語法規整和風格檢查
- Markdown Preview Github Stying    使用Github樣式來渲染Markdown，樸素簡潔

- Markdown All in One    功能組合包，包含了書寫Markdown需要用到的常用功能和設置（鍵盤快捷方式，目錄，自動預覽等），默認配置

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    代碼拼寫檢查, 檢查代碼中的單詞拼寫錯誤并給出錯誤拼寫單詞的建議

- Settings Sync   使用GitHub Gist同步多臺計算機上的設置，代碼段，主題，文件圖標，啟動，鍵綁定，工作區和擴展
- Code Runner    萬能語言運行環境, 不用搭建各種語言的開發環境，選中一段代碼直接運行，非常適合學習或測試各種開發語言
- Docker    管理本地容器

- 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    通過命令面板啟動，在分欄頁面中編輯正則表達式，并以數據流圖可視化顯示正則語法結構

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

- 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

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