我的 VS Code 都装了这些扩展

分享
  • 2019/05/28 发布
  • 2019/07/25 更新

碎碎念

最近入手了 MacBook Pro(2018 款 13 英寸)作为主力开发机,一直以来的一个小梦想也算是实现了,Mac 的开箱和使用体验,因为自己的惰性,还没有开始写,督促自己得加油补上。

工欲善其事必先利其器,现在主要方向是前端开发,编辑器使用的是 VS Code,偶尔会用 WebStorm,和 WebStorm 相比,我更喜欢 VSCode 的轻量、启动速度快、打开大文件快等等这些优点,哈哈。最让我爱上 VSCode 的是其中一个原因就是它的扩展啦,给 VSCode 安装各式扩展,它就能从一个普通的编辑器变成一个万能“IDE”了。可以在微软扩展商店里安装多种多样的扩展,包括代码格式化、编辑器美化、代码片段等等,安装了这些扩展,让体验更上一层楼。

安装了

Auto Close Tag

自动补全要闭合的标签,适用于 JSX、Vue、HTML

Auto Rename Tag

自动重命名成对的 HTML/XML 标记,在修改标签名时,能在你修改开始(结束)标签的时候修改对应的结束(开始)标签

Bracket Pair Colorizer

括号配对着色:识别代码中的各种括号,并且标记上不同的颜色,方便你扫视到匹配的括号

Chinese (Simplified) Language Pack for Visual Studio Code

VS Code 的中文(简体)语言包

EditorConfig for VS Code

此插件尝试使用.editorconfig 文件中的设置覆盖用户/工作区设置

ESLint

插件式架构,有多种主流的编码风格规则集可供选择,用于代码检查

Git History

界面的形式查看 Git 日志和详细信息,省去安装 Git GUI

gitignore

.gitignore 文件语法

Indent Rainbow

彩虹缩进为每个缩进层级用四种不同颜色交替着色

Markdown Preview Enhanced

Mardown 预览插件,预览效果更友好

Material Icon Theme

提供了 Material 风格的一系列 icon,美化你的项目树目录

minapp

微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)

Output Colorizer

VSCode 的输出可以显示彩色信息

Path Intellisense

在编辑器中输入文件路径时,自动补全文件路径的插件

Prettier

代码格式化的工具标准,支持格式化几乎所有的前端代码

Settings Sync

把 VSCode 的配置同步到 Git,换电脑也不再担心环境的重装了

Vetur

格式化 .vue 文件

vscode-fileheader

给文件的头部添加注释、作者名、日期等

Can I Use

HTML5、CSS3、SVG 和新 JS API 的兼容性检查

A-super-translate

VSCode 注释翻译插件,使用 Google Translate API 翻译 VSCode 的编程语言的注释。支持用户字符串与变量翻译、划词翻译