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 Monokai Theme
-
Monokai Pro
-
Ayu
-
SynthWave '84
-
GitHub Plus Theme:白色主题
-
Horizon Theme:红色主题
24.react快速写代码之snippets的使用
打开vscode搜索simple react snippets插件,安装即可,安装完成后可查看详细的快捷键