[id_[]]

0x00 快速入门

VS Code的全称是 Code，它是一款开源、免费、适用于多平台、性能卓越且轻量级的代码编辑工具。在性能表现、语言支持以及开源社区建设等方面，这款编辑器都表现出色。

扩展说明：IDE与编辑器差别以及VS Code所处位置

的特点

的安装

VS Code 的安装过程相当简便，您只需访问其官方网站下载相应的安装文件，接着只需双击该文件进行安装，整个过程无需复杂操作（如同傻瓜般简单）。若需访问 VS Code 的官方网站，请点击此处：https://code..com。

0x01 快捷键

Code是一款出色的编辑工具，它极大地便利了前端开发工作，熟练掌握其快捷键操作，可以显著提升工作效率，实现事倍功半的效果。

通用

按 Press  功能 FunctionCtrl + Shift + P，F1  显示命令面板 Show Command PaletteCtrl + P  快速打开 Quick OpenCtrl + Shift + N  新窗口/实例 New window/instanceCtrl + Shift + W  关闭窗口/实例 Close window/instance

基础编辑 Basic

按 Press  功能 FunctionCtrl+X 用于剪切空行，执行剪切操作时无需选中任何内容，即可实现行的删除。请勿复制所选行内容（空白选择区域）复制该行（无选择）按下Alt键并向上或向下箭头键，可以调整文本的行位置，实现向上或向下移动行。按下Shift+Alt键，同时使用向下或向上箭头键，可以实现向上或向下复制行的功能。Ctrl+Shift+K  删除行 Delete lineCtrl+Enter  在下面插入行 Insert line belowCtrl+Shift+Enter  在上面插入行 Insert line aboveCtrl+Shift+\  跳到匹配的括号 Jump to matching bracket在文档编辑过程中，按下Ctrl键和加号键[+]可以展开缩进，而按下Ctrl键和方括号键[  ]则可以缩进或取消缩进。Home  转到行首 Go to beginning of lineEnd  转到行尾 Go to end of lineCtrl+Home  转到文件开头 Go to beginning of fileCtrl+End  转到文件末尾 Go to end of fileCtrl+↑ / ↓  向上/向下滚动行 Scroll line up/downAlt+PgUp / PgDown  向上/向下滚动页面 Scroll page up/down按下Ctrl+Shift+左方括号键，即可实现区域的折叠（折叠）。按下Ctrl+Shift+]组合键，可以展开（未折叠）指定区域。使用快捷键Ctrl+K和Ctrl+[可以折叠或展开所有未折叠的子区域。all subregions按Ctrl+K键，再按Ctrl+]键，即可展开（未折叠）所有子区域。all subregionsCtrl+K Ctrl+0  折叠（折叠）所有区域 Fold (collapse) all regionsCtrl+K，Ctrl+J，操作执行，展开（未折叠）所有区域，Unfold (uncollapse)功能激活。all regionsCtrl+K Ctrl+C  添加行注释 Add line comment使用Ctrl键加K键再按U键，可以移除行注释，即删除行注释功能。commentCtrl+/  切换行注释 Toggle line commentShift+Alt+A  切换块注释 Toggle block commentAlt+Z  切换换行 Toggle word wrap

导航

按 Press  功能 FunctionCtrl + T  显示所有符号 Show all SymbolsCtrl + G  转到行... Go to Line...Ctrl + P  转到文件... Go to File...Ctrl + Shift + O  转到符号... Go to Symbol...Ctrl + Shift + M  显示问题面板 Show Problems panelF8  转到下一个错误或警告 Go to next error or warningShift + F8  转到上一个错误或警告 Go to previous error or warning按下Ctrl加Shift加Tab键，可以实现编辑器组历史记录的浏览。group historyAlt + ←/→  返回/前进 Go back / forward按下Ctrl加M键可以切换选项卡并改变光标位置。

搜索和替换 and

按 Press  功能 FunctionCtrl + F  查找 FindCtrl + H  替换 Replace按下F3键或Shift + F3组合键，即可进行查找下一个或上一个目标。next/previousAlt + Enter  选择查找匹配的所有出现 Select all occurences of Find matchCtrl + D  将选择添加到下一个查找匹配 Add selection to next Find match按下Ctrl键和K键，再按下Ctrl键和D键，即可将当前选中的内容移动到下一个查找结果的匹配项。Move last selection to next Find match按下Alt键加C键或R键或W键，可以切换至区分大小写、正则表达式或匹配整个词的搜索模式。case对敏感词汇、正则表达式以及完整单词进行限制。

多光标和选择 Multi- and

按 Press  功能 FunctionAlt +单击  插入光标 Insert cursorCtrl + Alt +↑/↓  在上/下插入光标 Insert cursor above / belowCtrl + U  撤消上一个光标操作 Undo last cursor operation按下Shift键和Alt键的同时，选择目标行，然后在每行的尾部添加一个光标。Insert cursor at end of each line selectedCtrl + I  选择当前行 Select current lineCtrl + Shift + L  选择当前选择的所有出现 Select all occurrences of current selectionCtrl + F2  选择当前字的所有出现 Select all occurrences of current word按下Shift键和Alt键，然后向右移动箭头键，即可展开选择区域。Shift + Alt + ←  缩小选择 Shrink selectionShift + Alt + （拖动鼠标）  列（框）选择 Column (box) selection按下Ctrl、Shift和Alt键，同时使用箭头键即可进行列（框）的选择操作。Column (box) selection使用Ctrl + Shift + Alt + 向上/向下翻页键，可实现页面上/下框选内容的操作。Column (box) selection page up/down

丰富的语言编辑 Rich

按 Press  功能 FunctionCtrl + 空格  触发建议 Trigger suggestionCtrl 按下 Shift 键加空格键，即可激活触发器参数提示功能。Tab  Emmet 执行了缩写功能的扩展，实现了对缩略语的展开操作。Shift 按下Alt键和F键，对文档进行格式化处理。Ctrl 按下键盘上的K键，同时按住Ctrl键，然后按下F键，即可选择需要格式化的文本区域。F12  转到定义 Go to DefinitionAlt + F12  Peek定义 Peek DefinitionCtrl 按下K键，选择F12，即可将定义内容展开至页面边缘。Ctrl + .  快速解决 Quick FixShift + F12  显示引用 Show ReferencesF2  重命名符号 Rename SymbolCtrl 按下 Shift 键加点号或逗号，即可切换至下一个或上一个数值。Ctrl 执行剪切操作时，按下K键加Ctrl键加X组合键，该操作将用于修剪文本末尾的额外空格，确保文本整洁。Ctrl 对文件语言进行修改，调整语言设置。

编辑器管理

按 Press  功能 Function按下Ctrl键，同时按下F4键，再按下W键，即可关闭编辑器。关闭编辑器操作。Ctrl+K F  关闭文件夹 Close folderCtrl+\  拆分编辑器 Split editorCtrl+ 1 / 2 / 3  聚焦到第1，第2或第3编辑器组 Focus into 1st, 2nd or 3rd editor group按下Ctrl键加K键，再按左箭头键或右箭头键，可以集中注意力到前一个或后一个编辑器窗口。into previous/next editor group使用Ctrl+Shift+PgUp或PgDown键，可以实现对编辑器左右位置的调整。使用Ctrl+K键，可以实现左右切换活动编辑器组的功能。group

文件管理 File

按 Press  功能 FunctionCtrl+N  新文件 New FileCtrl+O  打开文件... Open File...Ctrl+S  保存 Save在文件菜单中选择“另存为”，然后输入文件名，点击“保存”按钮。Ctrl+K S  全部保存 Save AllCtrl+F4  关闭 CloseCtrl+K Ctrl+W  关闭所有 Close All使用快捷键Ctrl+Shift+T可以重新启动之前已经关闭的文本编辑器。按下Ctrl+K键，确保输入保持开启状态。Ctrl+Tab  打开下一个 Open next按下Ctrl+Shift+Tab组合键，可以调出前一个选项，即打开上一个选项。Ctrl+K P  复制活动文件的路径 Copy path of active file使用Ctrl+K组合键，可以打开资源管理器并展示当前正在操作的文件。in Explorer按下Ctrl+K键，可以在新窗口或新实例中查看当前活跃的文件，呈现活动文件信息。in new window/instance

显示

按 Press  功能 FunctionF11  切换全屏 Toggle full screen按下Shift+Alt+1组合键，即可实现编辑器布局的切换。使用Ctrl键加等号或减号，可以调整屏幕显示内容的放大或缩小程度。Zoom in或Zoom out分别表示放大和缩小。按下Ctrl键加B键，即可实现侧栏显示与否的快速切换，调整侧栏的可见状态。Ctrl+Shift+E  显示浏览器/切换焦点 Show Explorer / Toggle focusCtrl+Shift+F  显示搜索 Show SearchCtrl+Shift+G  显示Git Show GitCtrl+Shift+D  显示调试 Show DebugCtrl+Shift+X  显示扩展 Show ExtensionsCtrl+Shift+H  替换文件 Replace in filesCtrl+Shift+J  切换搜索详细信息 Toggle Search detailsCtrl+Shift+C  打开新命令提示符/终端 Open new command prompt/terminalCtrl+Shift+U  显示输出面板 Show Output panel按Ctrl+Shift+V组合键，可以切换至Markdown预览模式，实现预览功能。Ctrl+K V  从旁边打开Markdown预览 Open Markdown preview to the side

调试 Debug

按 Press  功能 FunctionF9  切换断点 Toggle breakpointF5  开始/继续 Start/ContinueShift+F5  停止 StopF11 / Shift+F11  下一步/上一步 Step into/outF10  跳过 Step overCtrl+K Ctrl+I  显示悬停 Show hover集成终端 Integrated terminal按 Press  功能 FunctionCtrl+展示集成式终端界面，呈现综合终端功能。Ctrl+Shift+`  创建新终端 Create new terminal请按住Ctrl键，同时按下Shift和C键，以复制选中的内容。Ctrl+Shift+V  粘贴到活动端子 Paste into active terminalCtrl+↑ / ↓  向上/向下滚动 Scroll up/down按住Shift键并使用Page Up或Page Down键，可以控制页面向上或向下滚动。Scroll page up/downCtrl+Home / End  滚动到顶部/底部 Scroll to top/bottom

附 Code官网快捷键参考：

https://code..com//--.pdf

自定义快捷键

操作步骤包括：首先，需按下快捷键组合「Cmd + Shift + P」；其次，命令面板将随之弹出；然后，在面板内输入“快捷键”进行搜索；最后，即可进入快捷键的配置界面。此外，你还可以通过点击菜单栏中的「偏好设置」，再选择「键盘快捷方式」来进入快捷键的设置。

偷偷的告诉你哟？【极客全栈修炼】微信小程序已开放

您可以直接在微信平台阅读博主的文章内容，未来还将推出更多富有创意的小工具。

0x02 常见配置

进入 VS Code 的配置界面，点击「用户设置」下的「工作台」选项，找到并调整「导航路径」的设置，完成配置后，您将能够浏览当前文件的「层级结构」。借助这一面包屑导航功能，您便能在不同目录和文件间自由穿梭。

Mac用户只需长按Cmd键与反斜杠键组合，而用户则需同时按下Ctrl键与反斜杠键，这样就能同时启动多个编辑器窗口。

打开窗口，接着使用快捷键Ctrl + 1进入左侧界面，再按Ctrl + 2切换至右侧界面。无论何时何地，您都可以随心所欲地进行切换。

就切。

修改完代码后，系统不会自动进行保存操作。这时，你可以在设置中查找“files”选项，并将相关配置调整为“自动保存”，这样每当光标移出文件时，文件便会自动保存，操作起来非常便捷。

当然，您还可以通过点击菜单栏中的“文件”选项，然后选择“自动保存”功能。一旦勾选此项，每当您完成代码编写sublime text php 格式化代码，文件便会自动进行实时保存。

在保存代码之后，系统并不会自动执行代码格式的调整。您可以在系统设置中通过搜索相关配置项来找到这一选项，不过按照作者的推荐，建议您还是保持默认的设置。

在当前文档内进行查找时，请使用快捷键Cmd + F（用户请使用Ctrl + F）。完成搜索后，若需继续在文档中定位，请再次按下Cmd + G（用户请使用F3）。

Emmet显著提升了HTML与CSS的编写速度，其特色在于一套简洁的语法体系。比如，在编辑器中输入缩写形式的代码：ul>li*6，紧接着按Tab键，便自动生成相应的代码段。VS Code系统内置了对Emmet的支持。若想了解更多Emmet的语法规则sublime text php 格式化代码，请自行查阅相关资料。

将个人所在区域的配置信息同步至（该平台专注于开源及私有软件项目的存储）：需确保安装了 -sync 插件，并在插件内以  账号进行登录。登录成功后，在  的操作界面，您可以选择参考他人的gist，或者跳过此步骤，自行创建一个新的gist。接着，通过按下快捷键「+ Shift + P」打开命令框，输入 sync 指令，并选择「更新/上传配置」选项，从而将最新的配置信息上传至该平台。

更换设备后，进行云端配置的本地同步：若需在另一台电脑上继续使用，我们需在 VS Code 中安装 -sync 插件，插件安装完毕后，通过账号登录，登录成功后，插件界面将自动展示之前的同步历史记录。

若要借鉴他人的设置，需先获取其提供的gist信息。操作步骤如下：通过按下快捷键“+”和“Shift”以及“P”键，打开命令窗口；在窗口中输入“sync”命令，并选择“下载配置”选项；在接下来的界面中，点击“Gist”选项，并输入你所获得的分享gist；请注意，这一过程无需进行账号登录。

0x03 插件

此功能极具优势，能够实现插件扩展，作者在此将详细阐述在开发过程中频繁使用的插件，旨在提升我们的工作效率，助力我们高效编码，使编辑器功能更为强大。同时，作者还对插件进行了分类，以便大家根据需求选择合适的插件。

请留意：按住Ctrl+Shift+x键即可打开扩展功能界面，在搜索插件时，搜索结果中排名越靠前的插件通常更实用。

必备插件

代码管理

代码格式

开发调试

文件管理

新奇好玩

亲，文章就要看完了，不关注一下【全栈工程师修炼指南】吗？

前端必备

小程序开发

皮肤插件

描述: 插件功能非常的强大，支持皮肤的替换。

篇末扩展，编程有三等境界：

本文至此完毕，更多技术文章，尽情等待下篇好文！

该博客文章明确指出，严禁对特定内容进行修改，确保信息的准确性和完整性，同时维护了相关规定的严肃性和权威性。

【 如果此篇文章对你有帮助，请你将它分享给更多的人! 】

学习书籍推荐 往期发布文章

回复【0014】获取【Nginx学习之路汇总】

回复【0015】获取【学习之路汇总】

回复【10005】获取【adb工具刷抖音赚米】

回复【0011】获取【k8S二进制安装部署教程】

回复【10001】获取【安全加固脚本】

回复【0008】获取【.04安装与加固脚本】

回复【10002】获取【银河麒麟安全加固脚本】

如有侵权请联系删除！