VS Code常用扩展小工具和常用快捷键

711 阅读2分钟

VS Code中有很多实用又有趣的插件,可以在我们编写代码的过程中减少一些繁琐的工作量。可以通过VS Code提供的扩展应用商店直接下载: 点击左边的这个小图标,然后搜索插件名称点击下载就可以了(如果左边没有这个小图标,就在工具栏的 查看 -> 扩展 中打开)

Auto Close Tag (好像已经内部集成,不需要自己下载了)

自动闭合 HTML 或者 XML 标签:自动添加刚才添加的开始标记的结束括号,然后将鼠标光标定位在标记之间

Auto Rename Tag

自动重命名标签:当你修改开始标签时,自动为你修改闭合标签

Bracket Pair Colorizer

代码对着色器:彼此匹配的括号颜色相同,方便你找到括号的开始和结尾,当有括号各种嵌套时,你可以根据颜色很好的找到各自匹配的对象

Chinese (Simplified) Language Pack for Visual Studio Code

适用于VS Code的中文(简体)的语言包:对刚使用VS Code的英文小白特别友好,界面展示都是中文😋

GitLens — Git supercharged

对git的扩展:光标放在代码上会立马展示最近一次的修改信息(甩锅必备哦 ~ ,比如下图,我可以马上知道这一行代码的上一个修改者、修改时间是谁)

ESLint、TSLint

代码语法检查工具:自动检查你的语法,对规范自己的代码很有帮助,目前应该很多团队都会要求这个的

Image preveiw

强推这个,可以对代码中的图片预览(相对定位和网络路径都可以的),鼠标放在路径上就会显示图片信息啦,左侧还会有图片的缩略图,避免每次都要找到图片才知道图片内容

image.png

以上是我目前用到的插件,还有很多好用又有趣的插件等你去发现哟 ~

每次重新安装VSCode就要重新配置,有些都忘掉了,是不是很麻烦?没关系,不知道哪位大神也为我们提供了一个插件Settings Sync,只需要一个github账号,就可以永久记录这些配置啦

常用快捷键

F2:当我们想修改一个函数或者变量的名字时候,我们只需把光标放到函数或者变量名上,然后按下 F2,这样这个函数或者变量出现的地方就都会被修改。