VSC - VS Code 插件

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

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

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

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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章