VS Code 好用的插件

作者: cyuamber | 来源:发表于2017-11-14 12:40 被阅读291次

作为一名FE Coder，一个好用的编辑器是在是太重要了。入职之后一直使用VS Code这个编辑器，感觉就是比sublime沉重了好多，但是比webstorm轻便了好多，反应速度也一直不错，就一直用下来了，跟sublime、Atom比git功能好棒啊！
现在分享一下我用的插件吧，感觉还是挺实用的。

下载量截止至发布时间

Auto Close Tag
- Description: Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does. 自动补全HTML/XML标签，减少50%的工作量！
- Download：878,716
- Show:

Auto Rename Tag
- Description: Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.自动更改HTML/XML标签，不需要再进行二次修改，减少50%的工作量！
- Download：355,689
- Show:

Path Intellisense
- Description: Visual Studio Code plugin that autocompletes filenames.文件路径自动补全！！
- Download：557,505
- Show:

Bracket Pair Colorizer
- Description: This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.自动标识相匹配括号的颜色，有利于区分，webstorm的默认功能，VS Code里需要单独安装！
- Download：217,084
- Show:

vscode-ext-color-highlight
- Description: This extension styles css/web colors found in your document.好看的颜色展示哦~
- Download：134,428
- Show:

Emoji Code
- Description: Snippets to insert escaped Emoji code into HTML, CSS, JavaScript/CoffeeScript/TypeScript/LiveScript, Python and Ruby.键入ji:,自动添加emoji代码，程序猿自娱自乐的一个东西吧，哎~
- Download：15,601
vscode-fileheader
- Description: Add notes to the file header, and supports automatic update file modification time.快捷键ctrl+alt+i在文件开头自动输入作者信息和修改信息等内容，感觉在给自己加戏😆~
- Download：15,036
- Show:

下面是一些也挺有趣的插件，就不一一展示了，但是装上很有趣哦，列在这里~

vscode-background
- 一定看到我编辑器背景的开心了，每次看到都暖暖的呢~这个插件文档很详尽了，有问题看文档就行
VSCode - Babel
- 支持ES6和ES7的语法
js-beautify for VS Code
- 除自带的format功能外自带的美化代码的插件
VS Code - Debugger for Chrome
- 官方的描述很精准：Debug your JavaScript code running in Google Chrome from VS Code.
Git History
- 大名鼎鼎的git history就不必多说了，设置快捷键体验更加哦~
VS Code ESLint extension
- 同样大名鼎鼎的还有ESLint...也不必多说了
Visual Studio Code HTML Snippets，VS Code JavaScript (ES6) snippets，React-Redux ES6 Snippets for Visual Studio Code
- FE Coder的福音，多看看文档可提高编码效率✌️