我的 Vscode 插件列表

摘要:VSCode 是由微软研发的一款免费、开源的跨平台文本编辑器,前段开发必备的利器。合理的使用插件会使生产效率极大的提高。

Vscode 插件列表

主功能插件

Beautify:代码美化 传送门

Beautify 插件可以快速格式化你的代码格式,让你在编写代码时杂乱的代码结构瞬间变得非常规整,代码强迫症必备,较好的代码格式在后期维护以及他人阅读时都会有很多的便利。插件支持的语言非常多,基本堵盖了目前所有的语言,而且你还可以自定义代码格式化的结构

Debugger for Chrome:必备调试工具

使用了 Debugger for Chrome 后,当代码在 Chrome 中运行后,你可以直接在 VSCode 中加上断点,点击运行后,Chrome 中的页面继续运行,执行到你在 VSCode 中添加的断点后,你可以直接在 VSCode 中进行单步调试。

Document This:快速注释 传送门
快速地帮你生成注释,如一些函数的注释还能帮你抽取出参数的定义等。

版本管理

Git History:查看git日志和比较

GitLens: 增强了 Visual Studio Code中内置的Git功能。 它可以帮助您通过Git责备注释和代码镜头一目了然地查看代码作者身份,无缝导航和探索Git存储库,通过强大的比较命令获得有价值的见解,以及更多。

PHP 

PHP-Autocomplete:php代码自动完成

JS

vue:对于vue.js语法高亮

Vue 2 Snippets:语法高亮,配合vue使用

VueHelper:vue代码提示

ESLint:代码检查工具 传送门 ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。

TSLint:TypeScript检查工具

HTML和CSS

HTML CSS Support:html 语法支持

HTML Boilerplate:HTML 新文件重新编写头部和正文标签 传送门  

Laravel Blade Snippets:laravel 5 blade.php模板 

VS Color Picker:颜色选择弃,前端必备

Sass:Sass语法高亮、自动完成

IntelliSense for CSS class names in HTML:CSS 类名智能提示 传送门

选装

Color Info:在 CSS 中使用颜色的相关信息 传送门

TODO Highlight:在代码中标记出所有的 TODO 注释 传送门

Icon Fonts:热门图标集 传送门

Regex Previewer:正则表达式测试工具 传送门

Language and Framework Packs:VSCode不支持的扩展插件包 传送门