VScode中經常使用插件集合

日常咱們VScode開發中，必然要藉助插件，提升咱們的開發效率，這裏簡單列幾個經常使用插件，若是有更好用的插件麻煩補充，後續也會持續更新。vue

1. git相關

Git Graph

View a Git Graph of your repository, and perform Git actions from the graph.git

圖形化展現git提交記錄。marketplace.visualstudio.com/items?itemN…github

Git History

View git log, file history, compare branches or commits.markdown

查看git 文件修改記錄，提交日誌，分支比較等。很是實用。app

Git Merger

Simplifies the git merge process.less

簡化git合併過程。快捷鍵Command+Shift+p或者Ctrl+Shift+p打開搜索框。github.com/shaharkazaz…ide

Local History

Save files into local history.oop

能夠幫助咱們查看文件的修改歷史，若是修改了文件，可是不當心丟棄了修改操做，能夠經過本地歷史記錄找回。github.com/zabel-xyz/l…ui

GitLens — Git supercharged

Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.lua

能夠查看修改人的信息，文件修改歷史等操做，這裏就不一一截圖了。

2. vue相關

Vetur

Vue tooling for VS Code.

提供vue語法高亮，代碼片斷，錯誤檢測，格式化，自動補全等功能。若是是vue項目開發，必裝不可。vuejs.github.io/vetur/

Vue 2 Snippets

A Vue.js 2 Extension.

基於最新的Vue 2的API添加了Code Snippets. 具體的快捷名見插件的詳細介紹。marketplace.visualstudio.com/items?itemN…

Vue VSCode Snippets

Snippets that will supercharge your Vue workflow.

代碼片斷的快捷簡寫。能有效提升代碼編寫效率，很實用。Vscode設置： Code > Preferences > Settings (on a Mac) and applying "editor.tabCompletion": "onlySnippets" to your personal settings。

更多的快捷方式參考連接：marketplace.visualstudio.com/items?itemN…

3. 其餘

Auto Close Tag

Automatically add HTML/XML close tag.

自動添加閉合標籤。

Auto Import

Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX

Auto-Open Markdown Preview

Open Markdown preview automatically when opening a Markdown file.

打開md文件時，自動打開預覽模式。

XML Tools

XML Formatting, XQuery, and XPath Tools for Visual Studio Code.

Beautify

Beautify code in place for VS Code.

美化代碼格式。

ESLint

Integrates ESLint JavaScript into VS Code.

代碼檢測。

Code Runner

Code runner.

代碼運行。