2 Vim 基础 Vim 是一个纯命令操作的编辑器，它拥有不同的模式，你可以认为是不同的状态，通过在不同的模式下输入不同的命令可以实现各种文本操作的功能，包括我们对文本常用的操作如复制、黏贴、删除、新增...，除非在方括号表达式中使用，当该符号在方括号表达式中使用时，表示不接受该方括号表达式中的字符集合。...命令和可视模式 Vim 提供了一个在 命令模式 下对 一系列连续行 执行一条 正常模式 命令的 :normal 命令，包括如批量复制，批量黏贴，批量插入、批量删除等。...表示在执行 {commands} 过程中不适用命令映射。举两个例子，比如 :normal ggdd，即表示先跳转到文件第一行，然后删除该行。...8.2 主题配置 配置主题是为了赏心悦目，试过在如 VS Code 中使用 Vim 插件，有部分高级功能无法正常使用，虽然结合 VS Code 也是比较漂亮的，但不好用这一点就有点遗憾了，需要插件开发者去解决相关问题
智能编辑功能：VS Code内置了强大的IntelliSense代码补全系统，支持多种编程语言的语法高亮、括号匹配和代码折叠等功能。...例如，在编辑文件时，VS Code会在行号旁边显示变更标记，直观地展示哪些行被添加、修改或删除。此外，VS Code还提供了丰富的差异比较视图，帮助开发者更好地理解代码变更。...，只需在编辑器中输入"cl"并按Tab键，就会自动展开为console.log();，光标会定位在括号内，方便输入内容。...接下来，我们将通过具体的示例代码，展示VS Code如何在实际开发中提升效率。...真实案例：VS Code如何让工作效率翻倍 理论和示例固然重要，但真实的开发场景往往更具说服力。以下是几个真实案例，展示VS Code如何在实际工作中显著提升开发效率。
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比...查看文件的历史记录（Git日志）或文件中的行历史（Git Blame） Guides 代码的标签对齐线。...Ctrl+1 Ctrl+2 Ctrl+3 3个编辑器之间循环切换 Ctrl+` 编辑器换位置，Ctrl+k然后按Left或Right 格式调整 代码行缩进Ctrl+[， Ctrl+] 折叠打开代码块...移动到后半个括号 Ctrl+Shift+] 选中当前行Ctrl+i（双击） 选择从光标到行尾Shift+End 选择从行首到光标处Shift+Home 删除光标右侧的所有字Ctrl+Delete...Ctrl+Shift+L Ctrl+D下一个匹配的也被选中(被我自定义成删除当前行了，见下边Ctrl+Shift+K) 回退上一个光标操作Ctrl+U 重构代码 跳转到定义处：F12 定义处缩略图
但是，一些用户看到了这个时间线条目的真正价值，现在您可以通过相应地配置新的git.timeline.showUncommitted设置来恢复它 打开失败时，新的编辑器占位符 当一个编辑器打开失败时，VS...，比如shell脚本的case语句中的右括号: 为了使方括号对匹配和着色更加健壮，TextMate语法贡献现在可以表示某些标记中的方括号不应匹配。...: 新的括号匹配算法 方括号匹配现在使用与方括号着色相同的数据结构。...旧的括号匹配行为(注意颜色和高亮装饰不匹配) 新的括号匹配行为: 切换镶嵌提示 嵌入提示是在源代码中显示附加信息的好方法。然而，有时您只是想看到实际的源代码。...增强 Git 相关功能 分支比较功能，可以将当前分支与存储库中的其他分支进行比较，更轻松地处理拉取请求（PR）或删除分支。
当你真正掌握其思维方式与快捷键布局后，会发现 Vim 并不只是一个编辑器，更像是文字与代码处理的“魔法杖”。...插入模式（Insert Mode）：与传统编辑器相似，输入的字符会直接添加到文本中。...编辑操作： x 删除光标处字符，dw 删除一个单词，dd 删除当前行，yy 复制整行，p 粘贴。 通过组合这些基本操作（如 d2w 删除两个单词、y3j 复制向下三行的文本）可快速处理大块文本。...搜索与替换： /关键字 在文件中搜索关键字，按 n、N 在搜索结果间跳转。 :%s/旧文本/新文本/g 在全文件范围替换所有匹配。 掌握这些基础操作，已足以使你在没有鼠标的情况下顺利地编辑文件。..." 显示行号 set relativenumber " 显示相对行号，便于计算移动距离 syntax on " 启用语法高亮 set showmatch " 高亮匹配的括号
VS Code常见插件的功能包括： • Colorization 代码着彩色 • Completion Lists 代码自动完成（使用gocode） • Snippets 代码片段 • Quick...Ctrl + Shift + K 删除行 Ctrl + Enter 在当前行下插入新的一行 Ctrl + Shift + Enter 在当前行上插入新的一行 Ctrl + Shift + 匹配花括号的闭合处...+ C 添加行注释 Ctrl + K Ctrl + U 删除行注释 Ctrl + / 添加关闭行注释 Shift + Alt +A 块区域注释 Alt + Z 添加关闭词汇包含 导航 快捷键...Ctrl + D 匹配当前选中的词汇或者行，再次选中-可操作 Ctrl + K Ctrl + D 移动当前选择到下个匹配选择的位置(光标选定) Alt + C / R / W 多行光标操作于选择...重复按会切换 Ctrl + Tab 与上面一致，顺序不一致 Ctrl + K P 复制当前打开文件的存放路径 Ctrl + K R 打开当前编辑文件存放位置【文件管理器】 Ctrl + K O 在新的编辑器中打开当前编辑的文件
一个数组以 [左中括号 开始， ]右中括号 结束。值之间使用 ,逗号 分隔。...格式化 您可以使用Shift + Alt + F或从上下文菜单中的“ 格式化文档”来格式化JSON文档。 折叠式 您可以使用装订线在行号和行首之间的折叠图标来折叠源代码区域。...该模式用于VS代码配置文件，如settings.json，tasks.json，或launch.json。...VS Code扩展还可以定义架构和架构映射。这就是为什么VS代码已经知道一些知名JSON的模式文件，如package.json，bower.json和tsconfig.json。...但是，当多人共同完成某个项目的时候，该项目会有一定的编码规范，如: 编辑某个语言时的设置，代码的缩进等等，这个时候就需要对该项目进行单独的工作空间级别的设置。
菜单：“工具+选项+文本编辑器+常规”，选中“在撤销列表中包括插入点”。 评论：没想到吧，可以利用撤销功能回退到你鼠标点击过的位置。。...vs每日提示的浏览器。...你也可以修改高亮的颜色效果，方法如下 菜单：工具+选项+环境+颜色和字体，在“显示项”选择“大括号匹配（突出显示）”，然后选择颜色。 评论：这样设置后代码看起来比较清楚明晰。...#99、改变括号匹配的颜色 原文链接： How to change the Brace Matching color 操作步骤： 菜单：“工具+选项+环境+颜色和字体”，选择“括号匹配”，然后指定“项背景色...评论：如果你觉得括号的匹配颜色不够明显，可以考虑设置一下。
image Live Server 实时预览 安装这个插件之后，我们在编辑器中修改代码，按Ctrl+S保存，修改效果就会实时同步，显示在浏览器中，再不用手动刷新。 image [图片上传失败......image image Bracket Pair Colorizer 用不同颜色高亮显示匹配的括号 对配对的括号进行着色，方便区分，未安装该插件之前括号统一都是白色的。...image WakaTime 计算代码工作量 这是一款时间记录工具，它可以帮助你在vs code中记录有效的编程的时间。...Shift+Alt+Up//Down：向上/下复制一行 Ctrl+Delete：删除当前行 Shift+Alt+Left/Right：从光标开始向左/右选择内容 代码编辑 Ctrl+D：选中下一个相同内容..."editor.hover.delay": 5000 image 自动折行 设置代码根据编辑器窗口大小自动折行 "editor.wordWrap": "on" image 字体设置 /
Brackets: 为圆括号，方括号和大括号提供彩虹色。...Bracket Pair Colorizer: 用于着色匹配括号 Indent-Rainbow: 用四种不同颜色交替着色文本前面的缩进 P5.搭建各类语言开发环境： Code Runner: `Run...： Debugger for Chrome : 从VS Code调试在Google Chrome中运行的JavaScript代码。...Code\\Code.exe\" \"%V\"" 问题8.vscode中检测代码中的空白行并去除的方法 #按下ctrl+h键进行正则匹配： ^\s*(?...=\r$) #删除wiz笔记的代码行号（重要） #保留替换简单正则匹配和替换，并留取关键字(采用了元组的形式) 比如：替换class="abc" 为 class="$style['abc']" 查找正则
Bracket Pair Colorizer 高亮匹配代码块括号 Better Comments 文档注释 /** * 我的方法 * *重要的信息会被高亮显示 * !...及其反对的代码,不要使用 * TODO 重构此方法 * @param 该方法的参数 */ Better Align 根据符号（如冒号、等于号）对齐多行代码 使用方法：Ctrl+Shift+p输入“...Git History 以图表的形式查看 git 日志 GitLens 查看每一行代码的提交日志 Guides 代码的标签对齐线。...VS Code CSS Comments css代码注释。...如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
快捷键器篇 窗口文件相关快捷键 新建文件 Ctrl+N 文件之间切换贴 Ctrl+Tab 打开一个新的VS Code编辑器 Ctrl+Shift+N 关闭当前窗口 Ctrl+W 关闭当前的VS Code...编辑器 Ctrl+Shift+W 切出一个新的编辑器窗口（最多3个) Ctrl+ 切换左中右3个编辑器窗口的快捷键 Ctrl+1 Ctrl+2 Ctrl+3 全屏显示 F11 放大或缩小(以编辑器左上角为基准...Ctrl+[ 、 Ctrl+] 代码格式化 Shift+Alt+F 向上或向下移动一行 Alt+Up 或 Alt+Down 向上或向下复制一行 Shift+Alt+Up 或 Shift+Alt+Down...+Home 选择从光标到行尾的内容 Shift+End 选择从光标到行首的内容 Shift+Home 删除光标右侧的所有内容(当前行) Ctrl+Delete 删除当前行 ctrl+shift+k 下一个匹配的也被选中...Bracket Pair Colorizer 会已不同颜色和横线显示括号的范围 HTML Snippets 快速的生成html标签 JS-CSS-HTML Formatter 代码格式化 Color
:e file 把file加载到新的缓冲区中 :bn 跳转到下一个缓冲区 :bd 删除缓冲区(关闭文件) :sp fn 分割窗口，并将fn加载到新的窗口中 退出编辑器 :...h,j,k,l 上，下，左，右 ctrl-f 上翻一页 ctrl-b 下翻一页 % 跳到与当前括号匹配的括号处，如当前在{，则跳转到与之匹配的}处 w 跳到下一个字首...]G 跳到第N行，如0G，就等价于gg，100G就是第100行 fx 在当前行中找x字符，找到了就跳转至 ; 重复上一个f命令，而不用重复的输入fx tx 与fx类似，但是只是跳转到...将选中块中的内容转成大写 O 跳转光标到块的另一个端点 aw 选中一个字 ab 选中括号中的所有内容，包括括号本身 aB 选中{}括号中的所有内容 ib...选中括号中的内容，不含括号 iB 选中{}中的内容，不含{} 对标记进行动作 > 块右移 < 块左移 y 复制块 d 删除块 ~ 切换块中内容的大小写 发布者
0x00 VScode 快速入门 描述: VS Code 的全称是 Visual Studio Code，是一款开源的、免费的、跨平台的、高性能的、轻量级的代码编辑器。...需要注意的是，VS Code 的定位是编辑器，而非 IDE ，但 VS Code 又比一般的编辑器的功能要丰富许多。...line up/down Shift+Alt + ↓ / ↑ 向上/向下复制行 Copy line up/down Ctrl+Shift+K 删除行 Delete line Ctrl+Enter...在下面插入行 Insert line below Ctrl+Shift+Enter 在上面插入行 Insert line above Ctrl+Shift+\ 跳到匹配的括号 Jump to matching...举个例子，我们在编辑器中输入缩写代码：ul>li*6，然后按下 Tab 键，即可得到如下代码片段，VS Code 默认支持 Emmet, 更多 Emmet 语法规则，请自行查阅。
本文基于VS Code官方文档，详细介绍如何在macOS系统下配置Clang/LLVM编译器与VS Code的C++开发环境。...创建源代码文件在VS Code的文件资源管理器（⇧⌘E）中：点击"新建文件"按钮命名为helloworld.cpp粘贴以下代码：#include #include #...当你在第10行输入msg.时，可以看到IntelliSense生成的推荐成员函数列表：你可以按Tab键插入选中的成员。添加开括号时，会显示函数所需参数的信息。...探索调试器开始单步执行代码前，注意用户界面的几个变化：集成终端出现在源代码编辑器底部，调试控制台选项卡显示调试器运行的输出编辑器高亮显示开始调试前设置断点的行：活动栏中的"运行和调试"视图显示调试信息代码编辑器顶部出现调试控制面板...确保preLaunchTask值与tasks.json文件中构建任务的label匹配。从现在开始，播放按钮和F5将在启动程序进行调试时读取launch.json文件。
代码编辑器很多，有些是免费的，有些是付费的。其中最喜欢的代码编辑器是 Visual Studio Code。它是免费的，并具有惊人的功能。我从 Web 开发旅程的开始就开始使用它。 ?...今天，我将分享我最喜欢的代码编辑器设置，用于我的 Web 开发。我将从代码编辑器的外观开始。毕竟外观颜值很重要。 ?...，另一个重要的事情是，我用于代码编辑器的字体是 JetBrains Mono。...Bracket Pair Colorizer 2 此扩展名允许用颜色标识匹配的括号，用户可以定义要匹配的符号，以及要使用的颜色。 ? ?...Ctrl + ` ：在 VS Code 中打开 terminal Alt + Down：下移一行 Alt + Up：上移一行 Ctrl + D：将选定的字符移动到下一个匹配字符串上 Ctrl + Space
VS Code 是编程领域非常流行的编辑器，无论是写 Vue，还是 Python、Java，亦或是写 MarkDown，我都会用它进行编辑，当然了，还会用它的 Vim 插件。...当您使用终端并想在 VS Code 中打开一个目录时，它非常有用，也可以 code {path} 来打开对应的 path。 1、搜索文件，并打开它。...按下该快捷键，会选择光标所在行的整行内容，再按会追加下一行。...6、跳转到指定行 快捷键： Mac：Ctrl + g Windows/Linux：Ctrl + g 该快捷键和 Vim 插件冲突，毕竟 Vim 跳转到指定行实在太简单了：命令模式直接冒号加行号就可以跳转...折叠快捷键（左中括号）： Mac：Command + Option + [ Windows/Linux: Ctrl + Shift + [ 展开快捷键（左中括号）： Mac：Command + Option
:e file 把file加载到新的缓冲区中 :bn 跳转到下一个缓冲区 :bd 删除缓冲区(关闭文件) :sp fn 分割窗口，并将fn加载到新的窗口中 退出编辑器 :...h,j,k,l 左，下，上，右 ctrl-f 上翻一页 ctrl-b 下翻一页 % 跳到与当前括号匹配的括号处，如当前在{，则跳转到与之匹配的}处 w 跳到下一个字首...]G 跳到第N行，如0G，就等价于gg，100G就是第100行 fx 在当前行中找x字符，找到了就跳转至 ; 重复上一个f命令，而不用重复的输入fx tx 与fx类似，但是只是跳转到...将选中块中的内容转成大写 O 跳转光标到块的另一个端点 aw 选中一个字 ab 选中括号中的所有内容，包括括号本身 aB 选中{}括号中的所有内容 ib...选中括号中的内容，不含括号 iB 选中{}中的内容，不含{} 对标记进行动作 > 块右移 < 块左移 y 复制块 d 删除块 ~ 切换块中内容的大小写
并将fn载入到新的窗体中 退出编辑器 :w 将缓冲区写入文件。...，vim会自己主动调节代码的缩进 “a 将内容放入/存入a寄存器。...右 ctrl-f 上翻一页 ctrl-b 下翻一页 % 跳到与当前括号匹配的括号处，如当前在{，则跳转到与之匹配的}处 w 跳到下一个字首，按标点或单词切割 W ...如0G。就等价于gg。100G就是第100行 fx 在当前行中找x字符。...包含括号本身 aB 选中{}括号里的全部内容 ib 选中括号里的内容，不含括号 iB 选中{}中的内容，不含{} 对标记进行动作 > 块右移 < 块左移 y
在当前行上下复制当前行 Ctrl + Shift + K 删除行 Ctrl + Enter 在当前行下插入新的一行 Ctrl + Shift + Enter 在当前行上插入新的一行 Ctrl + Shift...+ \ 匹配花括号的闭合处，跳转 Ctrl + ] / [ 行缩进 Home 光标跳转到行头 End 光标跳转到行尾 Ctrl + Home 跳转到页头 Ctrl + End 跳转到页尾 Ctrl +...Ctrl + K Ctrl + C 添加行注释 Ctrl + K Ctrl + U 删除行注释 Ctrl + / 添加关闭行注释 Shift + Alt +A 块区域注释 Alt + Z 添加关闭词汇包含...Ctrl + D 匹配当前选中的词汇或者行，再次选中-可操作 Ctrl + K Ctrl + D 移动当前选择到下个匹配选择的位置(光标选定) Alt + C / R / W 不分大小写/使用正则/...重复按会切换 Ctrl + Tab 与上面一致，顺序不一致 Ctrl + K P 复制当前打开文件的存放路径 Ctrl + K R 打开当前编辑文件存放位置【文件管理器】 Ctrl + K O 在新的编辑器中打开当前编辑的文件
云服务器
ICP备案
实时音视频
云直播
对象存储
