vscode相关配置

1.Ctrl + Shift +F 全局搜索代码

2.Ctrl+Shift+P 打开命令面板

命令面板用法举例：

①字体设置：在命令面板输入“字体”，可以进行字体的设置

②快捷键设置：在命令面板输入“快捷键”，就可以进入快捷键的设置。

③语言设置：（设置为中文语言）

输入Configure Display Language，选择Install additional languages，然后安装插件Chinese (Simplified) Language Pack for Visual Studio Code即可。

3.左右显示多个编辑器窗口（抄代码利器）

按住Ctrl + \ ，即可同时打开多个编辑器窗口，效果如下：

4.代码自动保存

在设置项里搜索files.autoSave

5.保存代码后，是否立即格式化

在设置项里搜索editor.formatOnSave

6.删除文件时，是否弹出确认框

在设置项里搜索xplorer.confirmDelete

7.查找某个函数在哪些地方被调用了

比如我已经在a.js文件里调用了 foo()函数。那么，如果我想知道foo()函数在其他文件中是否也被调用了，该怎么做呢？

做法如下：在 a.js 文件里，选中foo()函数（或者将光标放置在foo()函数上），然后按住快捷键「Shift + F12」，就能看到 foo()函数在哪些地方被调用了，比较实用。

8.在当前行的位置，鼠标三击，可以选中当前行

9.用鼠标单击文件的行号，可以选中当前行

10.在某个行号的位置，上下移动鼠标，可以选中多行

11. Ctrl + Shift +F 全局搜索

12.将工作区放大或缩小 ctrl  +  /  ctrl -

13.Emmet in VS Code 提高代码效率（VS Code 默认支持 Emmet）

ul>li*6 ，然后按下 Tab 键，即可得到如下代码片段：

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

14.插件 Rainbow Brackets：突出显示成对的括号

15.插件 highlight-icemode：选中相同的代码时，让高亮显示更加明显

16.vscode-icons 会根据文件的后缀名来显示不同的图标，让你更直观地知道每种文件是什么类型

17.插件 Project Manager

工作中，我们经常会来回切换多个项目，每次都要找到对应项目的目录再打开，比较麻烦。Project Manager 插件可以解决这样的烦恼，它提供了专门的视图来展示你的项目，我们可以把常用的项目保存在这里，需要时一键切换，十分方便。

18.插件 Local History 【荐】

维护文件的本地历史记录，强烈建议安装。代码意外丢失时，有时可以救命。

19.Auto Close Tag、Auto Rename Tag

自动闭合标签、自动对标签重命名。

20.Better Comments

为注释添加更醒目、带分类的色彩。

21.CSS Peek

增强 HTML 和 CSS 之间的关联，快速查看该元素上的 CSS 样式。

22.RemoteHub

不要惊讶，RemoteHub 和 GitLens 是同一个作者开发出来的。

RemoteHub插件的作用是：可以在本地查看 GitHub 网站上的代码，而不需要将代码下载到本地

23.常见主题插件

给你的 VS Code 换个皮肤吧，免费的那种。

• Dracula Theme

• Material Theme

• Nebula Theme

• One Dark Pro

• One Monokai Theme

• Monokai Pro

• Ayu

• Snazzy Plus

• Dainty

• SynthWave '84

• GitHub Plus Theme：白色主题

• Horizon Theme：红色主题

24.react快速写代码之snippets的使用

打开vscode搜索simple react snippets插件，安装即可，安装完成后可查看详细的快捷键