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.

代码运行。