VS Code 的 10 个基本扩展

我使用Visual Studio Code作为我的主要代码编辑器已经两年多了。我以前用过 Sublime Text，它是一款非常棒的软件（尤其是在 Notepad++ 之后），但微软的团队一直在努力让他们的编辑器成为最好的，他们每月的更新也体现了他们持续改进的决心。

所以它一直是我选择的编辑器，但如果没有好的扩展程序，好的编辑器就毫无意义。我整理了一份清单，列出了我最喜欢的 10 个扩展程序（以及其他一些我离不开的扩展程序）。它们让我的日常工作更加轻松，从长远来看，还能节省我大量的时间。它们如下（排名不分先后）：

颜色信息

VS Code 为 CSS 文件中的颜色提供了一个小型预览框。“颜色信息”功能可让您更好地查看鼠标悬停时的颜色，包括 CMYK 或 Alpha 值。它甚至可以用作颜色选择器，非常方便。

:表情符号:

你知道我超爱表情符号。这个扩展程序允许你直接在文件中插入表情符号或输入表情符号代码。比如你想插入一个操纵杆表情符号。只需开始输入:joy，就会弹出一个自动完成窗口，可以直接插入🕹图标。如果你输入::joy，它就会自动插入，:joystick:并附带表情符号的预览。太棒了！

Git Blame

git blame正如其名称所示，这个简单的扩展在状态栏中显示当前选定行的。

动图

Markdown 一体化

我超爱 Markdown。实际上，整个网站都大量使用了 Markdown，因为它是用 Hugo 构建的。这个扩展可以帮助你编写 Markdown，添加一些快捷键，比如Cmd + B加粗、Cmd + I斜体等等。太方便了！

设置同步

如果你像我一样，在多台机器（有时是虚拟机）上工作，这个扩展就太棒了！它允许你通过下载/上传的 Github Gist 同步你的设置和扩展。

TODO 突出显示

顾名思义，它会高亮显示 TODO、FIXME 以及你指定的任何关键字。只需在TODO:某个地方写下内容，它不仅会高亮显示，还会列出你在项目中任何位置已经写过的所有关键字。

维图尔

这款扩展程序堪称 Vue 的“瑞士军刀”。从自动补全到代码片段，它都是所有前端开发人员的必备工具。

拼写正确

Spell Right 是一款多语言、离线且“轻量级”的拼写检查器。它使用内置词典检查错误，并且可以在项目的任何位置检查任何（甚至多种）语言的错误。不过，对于大文件，需要注意的是，它有时可能需要一些时间才能运行。我通常默认关闭此功能。只需点击状态栏上的眼睛图标，即可轻松启用拼写检查。

VS Code 的 EditorConfig

奇怪的是，VS Code 默认不支持EditorConfig。只需安装此扩展，它就会立即开始监听.editorconfig遇到的任何文件。

书签

现在我经常用这个！Bookmarks 是一个扩展程序，它会在文件边栏里添加一些蓝色的小书签。当你需要在文件内部切换位置，或者在项目中的任何地方需要快速提醒时，它非常方便。我设置了shift + cmd + =（切换书签）和shift + cmd + -（下一个书签），这样我就不用离开键盘就能在各个文件之间跳转了。这个扩展程序还会在文件浏览器下方添加一个小面板，列出当前项目中所有活动的书签。必备工具。

荣誉提名

自动文件名

这个扩展非常简单。只需输入文件/目录的开头，它就会自动补全名称。当你需要指向文件/目录内部的文件时，它非常方便node_modules。

cdnjs

大多数时候，我都会借助 Webpack 将依赖项注入到 JavaScript 文件中。但每当我需要快速制作模型时，这个扩展都能派上用场。使用命令面板，你可以插入 cdnjs 处理的所有库的 URL 或脚本/样式标签。非常方便。

动图

有可以分享的吗？

以下是我每天使用的几个扩展程序。如果你也发现了什么，欢迎在评论区留言或发推文给我！