常用快捷键
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+TShift + F12 查看光标所在函数或变量的引用,就像 Alt +F12 一样以预览方式在当前文件打开引用的文件列表。 F12 跳转到定义,这个没啥好说的,跳转到函数或符号的定义,这是高频操作。 Ctrl + P 文件查找。快速打开文件列表,输入关键字匹配文件,优先显示最新打开过的文件,方便的在指定文件之间跳转。 Ctrl + Shift + P 这个必须要放在第一位,这个命令是所有「命令之母」。
窗口管理
Ctrl+Shift+N:打开一个新窗口Ctrl+Shift+W:关闭窗口
编辑区域和文件
Ctrl+\切出一个新的编辑区域(最多三个),也可按住Ctrl鼠标点击左侧资源管理器(Explorer)里的文件名Ctrl+1Ctrl+2Ctrl+3左中右3个编辑区域的快捷键Ctrl+N新建文件Ctrl+Tab文件之间切换
代码编辑
格式调整
Ctrl+[、Ctrl+]:代码行缩进Ctrl+Shift+[、Ctrl+Shift+]:展开、折叠代码块Ctrl+C、Ctrl+V:复制或粘贴当前行 / 当前选中的内容Ctrl+Shift+P:代码格式化,或者Ctrl+Shift+P后输入format code/DocumentCtrl+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:显示资源管理器ExplorerCtrl+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修改其字体大小