VSC - VS Code 插件

1 - VS Code Extensions

VSCode 的marketplace包含了數以千計的功能各異的Extensions,極大地改善了VS Code的適用性和擴展了使用範圍。
https://marketplace.visualstudio.com/VSCode
html

2 - Online

快捷鍵CTRL+SHIFT+X,或者選擇擴展標籤,打開擴展 ---》 輸入須要安裝的擴展名稱 或 關鍵字,從索引出的 「擴展」列表中選擇,根據提示安裝。
python

3 - Offline

https://marketplace.visualstudio.com/VSCode
在擴展官網上,找到打開要安裝擴展的頁面,點擊頁面中的"Download Extension",下載以.vsix結尾的文件
例如,Python

下載對應的.vsix 文件
git

安裝方式1

擴展標籤中,選擇」...「,彈出擴展設置,選擇」從VSIX安裝「,而後重啓便可
github

安裝方式2

在存放文件的目錄下執行code命令: code --install-extension <extension-name>.vsix正則表達式

安裝方式3

直接複製到對應的擴展安裝目錄中,而後重啓,例如,Windows系統「C:\Users\用戶名.vscode\extensions」shell

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
相關文章
相關標籤/搜索