常用快捷键
F1 或 Ctrl+Shift+P 打开命令面板。打开的输入框内,可以输入任何命令,例如:
- 按一下
Backspace
会进入到Ctrl+P
模式 - 在
Ctrl+P
下输入>
可以进入Ctrl+Shift+P
模式
在 Ctrl+P 窗口下还可以:
- 直接输入(搜索)文件名,并跳转到该文件
?
列出当前可执行的动作!
显示Errors
或Warnings
,也可以Ctrl+Shift+M
:
跳转到行数,也可以Ctrl+G
直接进入@
跳转到 SymbolCtrl+Shift+O
直接进入@:
根据分类跳转 Symbol,查找数学或函数,也可以Ctrl+Shift+O
后输入:
进入#
根据名字查找 Symbol,也可以Ctrl+T
Shift + F12 查看光标所在函数或变量的引用,就像 Alt +F12 一样以预览方式在当前文件打开引用的文件列表。 F12 跳转到定义,这个没啥好说的,跳转到函数或符号的定义,这是高频操作。 Ctrl + P 文件查找。快速打开文件列表,输入关键字匹配文件,优先显示最新打开过的文件,方便的在指定文件之间跳转。 Ctrl + Shift + P 这个必须要放在第一位,这个命令是所有「命令之母」。
窗口管理
Ctrl+Shift+N
:打开一个新窗口Ctrl+Shift+W
:关闭窗口
编辑区域和文件
Ctrl+\
切出一个新的编辑区域(最多三个),也可按住Ctrl
鼠标点击左侧资源管理器(Explorer
)里的文件名Ctrl+1
Ctrl+2
Ctrl+3
左中右3个编辑区域的快捷键Ctrl+N
新建文件Ctrl+Tab
文件之间切换
代码编辑
格式调整
Ctrl+[
、Ctrl+]
:代码行缩进Ctrl+Shift+[
、Ctrl+Shift+]
:展开、折叠代码块Ctrl+C
、Ctrl+V
:复制或粘贴当前行 / 当前选中的内容Ctrl+Shift+P
:代码格式化,或者Ctrl+Shift+P
后输入format code/Document
Ctrl+I
:选中当前行Ctrl+Shift+K
:删除当前行Alt+Up
或Alt+Down
:上下移动一行Shift+Alt+Up
或Shift+Alt+Down
:向上或向下复制一行Ctrl+Enter
:在当前行下方插入一行Ctrl+Shift+Enter
:在当前行上方插入一行
光标相关
Home
:移动到行首End
:移动到行尾Ctrl+Home
:移动到文件开头Ctrl+End
:移动到文件结尾Shift+Home
:选择从光标到行首Shift+End
:选择从光标到行尾Shift+Alt+Left
、Shift+Alt+Right
:扩展 / 缩小光标的选取范围Ctrl+Shift+L
:同时选中所有的匹配项Ctrl+D
:同时选中当前项和下一个匹配项Alt+Shift+鼠标左键
:同时选中多个光标进行相同操作(自由选择)Ctrl+Alt+Up
、Ctrl+Alt+Down
:向上或向下产生一个光标(行,列)Ctrl+Backspace
:删除光标的单词 / 符号(按一次删一个Ctrl+Delete
:删除光标右侧的单词 / 符号(按一次删一个)Ctrl+U
:回退上一个光标操作
重构代码
F12
:移动到定义处Alt+F12
:定义处缩略图,只看一眼而不跳过去Shift+F12
:找到所有的引用Ctrl+F12
:同时修改本文件中所有匹配的- 重命名:比如要修改一个方法名,可以选中后按
F2
,输入新的名字,回车,会发现所有的文件都修改了 - 跳转到下一个
Error
或Warning
:当有多个错误时可以按F8
逐个跳转 - 查看
diff
: 在左侧Explorer
里选择文件右键Set file to compare
,然后需要对比的文件上右键选择Compare with file_name_you_chose
查找和替换
Ctrl+F
:查找Ctrl+H
:查找并替换Ctrl+Shift+F
:整个文件夹中查找(等同侧边栏的查找按钮)
显示相关
F11
:全屏Ctrl+/-
:放大 / 缩小Ctrl+B
:侧边栏的显示 / 隐藏Ctrl+Shift+E
:显示资源管理器Explorer
Ctrl+Shift+F
:显示搜索Ctrl+Shift+G
:显示 GitCtrl+Shift+D
:显示 DebugCtrl+Shift+U
:显示 OutputCtrl+Shift+O
: 查看当前文件的符号
必备插件
1.代码美化 Beautify 2.代码检查工具 ESLint 3.必备调试工具 Debugger for Chrome 4.万能语言运行环境 Code Runner 5.快速注释 Document This 6.CSS 类名智能提示 7.代码拼写检查 Code Spell Checker 8.备忘插件 TODO Highlight 9.Settings Sync(新版的好像不用安装可直接通主机同步配置) 10.Path Autocomplete: 文件路径自动补全 11.Auto Close Tag 自动闭合HTML/XML标签 12.Auto Rename Tag 自动完成另一侧标签的同步修改 13.Bracket Pair Colorizer 给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色 14.Vetur Vue多功能集成插件 15.Git History Diff 一看就知道干嘛的插件 16.Open-In-Browser 前端妹子必备插件(配合自动更新live-server插件) 17.css-auto-prefix 自动添加 CSS 私有前缀,解决兼容性的利器(同款Autoprefixer)
vscode优化
说实话很多时候vscode真的很卡,尤其在网络不稳定的情况下,因此需要做一些优化。
- 关闭update 通过首选项,将所有的update都设置为非auto。其中包括 update version/Update: Enable Windows Background Updates/Extensions: Auto Check Updates
FQA
删除空行 ^\s*(?=\r?$)\n
如何修改vscode侧边栏字体大小
VSCode\resources\app\out\vs\workbench\workbench.desktop.main.css搜索.part>.content修改其字体大小