首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

VS Code有哪些奇技淫巧?

) 一、重构代码 VS Code 提供了一些快速重构代码的操作,例如:一整段代码提取为函数:选择要提取的源代码片段,然后单击做成槽的灯泡查看可用的重构操作。...表达式提取到常量:为当前选定的表达式创建新的常量。 移动到新的文件:指定的函数移动到新的文件,VS Code自动命名并创建文件,且在当前文件内引入新的文件。...可以继续无尽地拆分编辑器,通过拖拽编辑器组的方式排列编辑器视图。 七、重命名终端 VS Code 提供了集成终端,可以很方便地快速执行命令行任务。...用得多了经常会打开多个终端,这时候给终端命名可以提高终端定位的效率。 八、Git 操作 VS Code 内置了 Git 源代码管理功能,提供了一些便捷的 Git 操作方式。...集成终端VS Code,能够直接打开终端。这使得,无论是调试代码,还是执行终端命令行工具,都无需切换窗口,避免一些时间的浪费。 要想使用VS Code终端,需要首先安装它。

1.6K10

分享11个常用的VSCode快捷键,让你编码更高效

想一想,每次你需要移动鼠标时,你必须做以下几件事情: 键盘移到鼠标上(哎呀,我的肩膀疼) 找到该死的光标去了哪里 光标物理移动到需要的位置并点击 回键盘(再次,哎呀,我的肩膀疼) 以下是我最常用的快捷键...你洗澡,拿杯咖啡,花了两个小时决定今天要听什么音乐播放列表,参加了十个毫无意义的公司会议,然后回到了代码编辑器。 你石头左箭头上移开,欣喜地发现你终于到达了行首。...历史上的人们凭借他们一生积累的力量做了很多事情。...Linux / Windows:Ctrl + J 用于终端,Ctrl + 1 用于代码 Mac:Cmd + J 用于终端,Cmd + 1 用于代码 11、拆分终端 终端分割成两个或更多同时可见的窗格...原文: https://medium.com/better-programming/vs-code-shortcuts-to-code-like-youre-playing-a-piano-e5db7b272d1

1.8K20
您找到你想要的搜索结果了吗?
是的
没有找到

VS code常用的快捷键

在前端的开发过程,如果有一个比较好的开发工具,配合一些常用的快捷键,开发效率大大提升,正所谓工具善其事必先利其器。...前端推荐使用编辑器VS code,用过HB-X,ST3,Webstorm等编译器之后就会发现,前端编辑器最屌的还是VS code。...编辑器与窗口管理 新建文件: 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 格式调整...): Alt+F12 选择光标到行尾的内容: Shift+End 选择光标到行首的内容:Shift+Home 删除光标右侧的所有内容(当前行): Ctrl+Delete 扩展/缩小选取范围

60440

「解放双手」老舅教你VS Code Disco

也许你收藏了千篇万篇VS Code快捷键,很可惜却没能记住他们,是因为你没有实际操作过,英文不好没关系,你真正需要的是让你双手指尖的肌肉增加一些记忆。...Command + W 关闭当前编辑器内窗口 Command + Shift + W 关闭当前的编辑器 Command + / — 缩放 Command + / 添加注释 Ctrl + ` 打开/关闭终端...晃动你的胯胯轴 移动你的代码块 Command + Shift + Enter 光标动到当前行的上面一行,开启新的一行代码 Command + Enter 光标动到当前行的下面一行,开启新的一行代码...+ Shift + V 粘贴纯文本 多光标组合技 Command + Option + 下方向键 在当前光标下创建新的光标 Command + 右方向键 光标全部整理移动到每一行的行尾 Command...右手鼠标操作 虽然说快捷键是解放鼠标,但是VS Code对鼠标的支持也整挺好的。

1.2K30

知乎分享:vscode入门到进阶

地址:知乎 内容大纲 VS Code 的优势 VSVS Code 到底有什么关系? 微软 VS 组里面抽了一拨人做 VS Code,是真的吗? VS 支持 Java ?...主题 包括颜色主题或文件图标主题 集成终端/terminal Ctrl+`,打开终端 Ctrl+Shift+`,打开新的终端 Ctrl+Home,滚动到顶 Ctrl+End,滚动到底 如何更好地学习VS...DAP 希望编辑器与调试器解耦合,便于编辑器与其他Debugger的集成 VSCode是如何做开源的 开源的三个阶段:公开源代码->Issues&PRs->Planning&Design 实时更新,管理...Tasks,重复工作自动化 在菜单,选择终端>Configure Task来配置。 选择终端>Run Task来运行重复工作。 这样可以不用在终端反复输入重复的命令。...LeetCode:Offer收割利器 Visual Studio Live Share:极大方便协作编程,可以实时实现代码编辑、跟踪光标、团队调试、分享本地服务器、共享终端 Visual Studio

1.7K10

【总结】vim命令使用总结,该来的还是躲不掉啊晕

vi或vim进入, vim example.txt 由Shell进入vim编辑器时,首先进入普通模式。...命令大全,最详细(建议收藏) 光标的移动 h - 左移光标 j - 下移光标 k - 上光标 l - 右移光标 gj - 下移光标(折行文本) gk - 上光标(折行文本) H - 移动到当前页面顶部...T操作 } - 移动到下一个段落 (当编辑代码时则为函数/代码块) { - 移动到上一个段落 (当编辑代码时则为函数/代码块) zz - 移动屏幕使光标居中 zt - position cursor on...- 光标处到行尾删除, 然后进入插入模式 ciw - 光标所在的单词删除, 然后进入插入模式 cw or ce - 光标位置开始, 修改单词 s - 删除当前字符, 然后进入插入模式 S - 清空当前行...- 光标移至下一处差异 [c - 光标移至上一处差异 do or :diffg[et] - 另一缓冲区的差异合并至当前缓冲区 dp or :diffpu[t] - 当前缓冲区的差异推送至另一缓冲区

50421

你会使用Linux编辑器vim吗?

⭐️vim:是一款编辑器,只负责写代码;相当于 windows 的记事本; ⭐️gcc:是一款编译器,只负责程序的翻译; ⭐️gdb:是一款调试器,只负责程序的调试 而在我们在用 VS 写 C 代码的时候...,这些是全都在 VS 编译器上实现的;因为 VS 是集成开发环境!...下移、上、右移;也可以用上下左右键来移动; 补充:L 是移动到本界面的最后一行; 删除命令 x删除光标所在处字符,每次删除一个字符; nx 删除光标所在处后 n 个字符,nX 删除光标所在处前 n...个字符,n 是几就删除光标后几个字符; dd 删除光标所在的这一行; D 删除光标所在处到这一行的行尾位置; ndd 光标所在行算起,n 是几就删除后面的几行; dG 删除光标所在的这一行到整个文件的末尾处...;后面在输入相当于在光标处后面直接插入; R 光标所在处开始替换字符,直到整个行被替换完,后面在输入相当于在光标处后面直接插入,按 ESC 结束; u 取消上一步操作 保存和退出命令 :w!

75910

2023最全vim编辑器教程(详细、完整)-编辑器之神

一、vi和vim介绍 vi和vim是两款常用的文本编辑器。vi是Unix系统中最早的文本编辑器之一,vim是vi的改进版本。 vi具有简单、高效的特点,可以在终端中使用。...在命令模式下,用户可以执行各种编辑操作,移动光标、删除字符、复制粘贴等。插入模式下,用户可以输入文本。底行模式下,用户可以执行一些底行命令,保存文件、退出编辑器等。...//键盘输入英文符号:+数字再回车,光标动到指定行(属于末行模式) 2.复制与粘贴 语法1:yy //键盘输入字母yy,复制光标所在行 语法2:数字yy //键盘输入数字+字母yy,光标所在行开始向下复制指定行...:dd //键盘输入字母dd,剪切光标所在行,光标所在行的下面行会上填补剪切行 语法2:数字dd //键盘输入数字+字母dd,光标所在行起向下剪切指定行(数字对应的行数,包括了光标所在行),后面行会上填补剪切部分...(按终端右上角的叉或断电等),这就是异常退出;异常退出会产生一个隐藏的交换文件(.文件名.swp,编辑中产生的临时文件,可以指令ls -a查看),并且在下一次打开该异常退出的文件时会报错,交换文件删除即可正常打开

2.2K50

手把手Visual Studio Code变成Python开发神器

Visual Studio Code 是一款功能强大、可扩展且轻量级的代码编辑器,经过多年的发展,已经成为 Python 社区的首选代码编辑器之一 下面我们学习如何安装 Visual Studio Code...安装 Visual Studio Code 下面我们逐步介绍如何在 macOS 上安装 VS Code 由于 Windows 和 macOS 的本质区别,如果小伙伴是 Windows 用户,那么需要做一些小的修改来安装...如果没有,可以单击向下箭头按钮并选择与我们计算机上安装的操作系统匹配的稳定 VS Code 版本 双击下载的文件,提取归档内容 Visual Studio Code 应用程序移动到 Application...打开终端设置页面,单击终端窗口右上角的向下箭头按钮,然后选择配置终端设置选项,就可以轻松自定义字体、间距和光标样式 VS Code 的另一个不错的功能是我们可以轻松地在多个 shell 之间切换,甚至可以更改集成终端中使用的默认...毫无疑问 VS Code 支持使用 Autopep8 包进行自动代码格式化 让我们看看如何安装包并在 VS Code 启用它 首先,在集成终端执行以下命令安装 Autopep8 包 pip3 install

3.8K30

使用Visual Studio Code开发.NET Core看这篇就够了

下面我们修改下Program.cs 文件的内容,添加下面这行代码。然后保存文件,并把鼠标移动到终端,然后终端cd到我们的项目目录cd DotNetCoreSample。...打开终端。导航到MathOperationTests目录。输入dotnet test命令。我们获得以下输出。 ? 您所见,输出信息量较少。...如果我们鼠标悬停在该波浪线上,显示一个信息框,显示测试的实际值和预期值。VS代码的底部面板(终端所在的面板)的“ 问题”选项卡显示相同的信息。这可以在下图中看到。 ?...与Visual Studio类似,我们可以通过单击源代码文件的左边距,或者光标放在一行代码上并按F9,在源代码设置行断点。断点在编辑器的左边缘显示为红点。 要开始调试,请按F5。...这里需要注意下,需要修改launch.json的对应路径以及项目名称为Calculator。 ? 我们可以看到VS Code的Debug视图在编辑器的左侧打开。

5.4K00

VS Code(​终端)

Code打开的文件夹的路径 $ {workspaceFolderBasename} -在VS Code打开的文件夹名称,不带任何斜杠(/) $ {file} -当前打开的文件 $ {relativeFile...$ {selectedText} -在代码编辑器中选择的文本 $ {execPath} -Code.exe的位置 提示:对于使用智能感知内部的字符串值tasks.json,并launch.json获得预定义变量的完整列表...终端的和弦键绑定 默认情况下,当和弦快捷键是最高优先级的快捷键时,它将始终跳过终端外壳(绕过terminal.integrated.commandsToSkipShell),并由VS Code而不是终端进行评估...如果在活动编辑器未选择任何文本,则光标所在的行将在终端运行。...新名称显示在终端选择下拉列表。 在特定文件夹打开 默认情况下,终端将在资源管理器打开的文件夹打开。

3.4K20

【实践】VS Code(Visual Studio Code)环境常见问题

摘要 本文为辉哥在使用GO语言环境VS Code过程中环境遇到的问题的记录备忘。 2. 内容 2.1 VS Code常见go插件的功能及安装方法?...VS Code常见插件的功能包括: • Colorization 代码着彩色 • Completion Lists 代码自动完成(使用gocode) • Snippets 代码片段 • Quick...Alt + right 光标处扩展选中全行 Shift + Alt + left 收缩选择区域 Shift + Alt + (drag mouse) 鼠标拖动区域,同时在多个行结束符插入光标 Ctrl...重复按会切换 Ctrl + Tab 与上面一致,顺序不一致 Ctrl + K P 复制当前打开文件的存放路径 Ctrl + K R 打开当前编辑文件存放位置【文件管理器】 Ctrl + K O 在新的编辑器打开当前编辑的文件...2.4 VS Code下如何显示文件的函数列表以及不能显示时的解决方法?

2.8K10

VSCode的10个巧妙技巧

使用 Ctrl-` 打开和关闭 VS Code 终端 VS Code 的弹出式终端窗口非常方便。无需切换到另一个应用程序窗口来处理它。按 Ctrl-`(Ctrl 后跟反引号键)也可以轻松访问它。...所有打开的文档启用 VS Code 的单词建议。建议“db_context”来自一个打开的代码文件。...类似地,VS Code 有自己的内部进程资源管理器,可让您查看在代码编辑器运行的所有子进程的列表——每个窗口、扩展、外部生成的进程等。...VS Code 能够活动编辑器标记为只读,或切换其只读状态。默认情况下,没有为这些行为分配任何键绑定,但您可以从命令面板访问它们(键入“只读”以搜索它们)并根据需要分配键。...另请注意,您可以现有的 VS Code 安装迁移到便携模式,但只能通过数据目录正式安装的 VS Code 版本复制到便携版本的新副本来执行此操作。

11810

开发必备 | 新手如何快速掌握VSCode编辑器

0x00 VScode 快速入门 描述: VS Code 的全称是 Visual Studio Code,是一款开源的、免费的、跨平台的、高性能的、轻量级的代码编辑器。...需要注意的是,VS Code 的定位是编辑器,而非 IDE ,但 VS Code 又比一般的编辑器的功能要丰富许多。...自动保存 方式1.在改完代码后,默认不会自动保存,此时你可以在设置项里搜索 files.autoSave , 配置项修改为 onFocusChange 之后,那么当光标离开该文件后,这个文件就会自动保存了非常方便...举个例子,我们在编辑器输入缩写代码:ul>li*6,然后按下 Tab 键,即可得到如下代码片段,VS Code 默认支持 Emmet, 更多 Emmet 语法规则,请自行查阅。...2.换另外一个电脑时,云端同步配置到本地:当我们换另外一台电脑时,可以先在 VS Code 安装 settings-sync 插件,安装完插件后,在插件里使用 GitHub 账号登录,登录之后,插件的界面上

69610

高效的编码:我的VS Code设置

代码编辑器很多,有些是免费的,有些是付费的。其中最喜欢的代码编辑器是 Visual Studio Code。它是免费的,并具有惊人的功能。我 Web 开发旅程的开始就开始使用它。 ?...今天,我分享我最喜欢的代码编辑器设置,用于我的 Web 开发。我将从代码编辑器的外观开始。毕竟外观颜值很重要。 ?...,另一个重要的事情是,我用于代码编辑器的字体是 JetBrains Mono。...在 VS Code ,按 Ctrl + P,输入 settings.json 并打开该文件。现在,用我的给定值替换下面的属性值。...Ctrl + ` :在 VS Code 打开 terminal Alt + Down:下移一行 Alt + Up:上一行 Ctrl + D:选定的字符移动到下一个匹配字符串上 Ctrl + Space

1.7K10

尤雨溪: Vue3 将不会支持 IE11!VSCode 1.55 稳定版发布,更新了 9 个亮点!

摘要 Vue 3 将不会支持 IE11 原定投入 Vue 3 IE11 支持的精力投入给 2.7,移植 3.x 兼容的新功能,包括: Composition API script setup 以及其它新的单文件组件特性...1.55 发布 Visual Studio Code 1.55 发布,包含许多重要的更新,其中一些更新的亮点包括: 辅助功能改进-添加多光标支持和增加行数限制 macOS Big Sur 的更新图标-...与 Big Sur 的视觉风格相匹配的品牌图标 改进断点-内联断点菜单等 编辑器状态修饰-编辑器选项卡状态修饰默认情况下处于启用状态 自定义键盘快捷键编辑器-可自定义调整键盘快捷键编辑器的列大小...改进的远程端口管理-端口转发自动检测,正则表达式命名等 终端配置文件-在终端定义配置文件,以方便地启动非默认 Shell NoteBook 的改进-多个单元格的选择,以及更具可定制性的 diff...编辑器 Raspberry Pi上的 VS Code-新主题,说明如何在 Raspberry Pi 设备上安装 VS Code 更多详细信息查看: https://code.visualstudio.com

1.2K20

vim编辑器操作汇总

在文本输入过程,若想回到命令模式下,按键ESC即可。 末行模式   末行模式也称ex转义模式。...多数文件管理命令都是在此模式下执行的(把编辑缓冲区的内容写到文件中等)。末行命令执行完后,Vi自动回到命令模式。例如:   :sp newfile 则分出一个窗口编辑newfile文件。...移动光标: h: 左移 j: 下移 k: 上 l: 右移 M: 光标动到中间行 L: 光标动到屏幕最后一行行首 G: 移动到指定行,行号 -G w: 向后一次移动一个字 b: 向前一次移动一个字...{: 按段移动,上 }: 按段移动,下移 Ctr-d: 向下翻半屏 Ctr-u: 向上翻半屏 Ctr-f: 向下翻一屏 Ctr-b: 向上翻一屏 gg: 光标移动文件开头 G: 光标动到文件末尾...下一个 N:上一个 替换命令: 把abc全部替换成123 末行模式下,当前文件的所有abc替换成123 :%s/abc/123/g 末行模式下,第一行至第10行之间的abc替换成123

1.4K70

vscode html注释快捷键_宇宙最强vscode教程(基础篇)

在命令行中使用vscode 如果你是 Windows用户,安装并重启系统后,你就可以在命令行中使用 code 或者 code-insiders了,如果你希望立刻而不是等待重启后使用,可以 VS Code...的安装目录添加到系统环境变量 PATH 如果你是mac用户,安装后打开命名面板Cmd+Shift+P,搜索shell命令,点击在PAth安装code命令,然后重启终端就ok了 最基础的使用就是使用...,代码行按照字母顺序进行排序,无快捷键,调出命令面板,输入按升序排序或者按降序排序 四、多光标特性 使用鼠标: 按住Option(win Alt),然后用鼠标点,鼠标点在哪里哪里就会出现一个光标...这时你只需要将光标动到函数或者类上面,然后按下 Shift + F12,VS Code 就会打开一个引用列表和一个内嵌的编辑器。...在这个引用列表里,你选中某个引用,VS Code 就会把这个引用附近的代码展示在这个内嵌的编辑器里。

2.2K30

Vim命令使用说明

简介 vim是我最喜欢的编辑器,也是linux下第二强大的编辑器。 虽然emacs是公认的世界第一,我认为使用emacs并没有使用vi进行编辑来得高效。...如果是终端,则会打开netrw的文件浏览窗口; 如果是gvim,则会打开一个图形界面的浏览窗口。 实际上:browse后可以跟任何编辑文档的命令,sp等。...w: 前一个单词,光标停在下一个单词开头; W: 移动下一个单词开头,但忽略一些标点; e: 前一个单词,光标停在下一个单词末尾; E: 移动到下一个单词末尾,如果词尾有标点,则移动到标点; b:...zz: 当前行移动到屏幕中央。 zt: 当前行移动到屏幕顶端。 zb: 当前行移动到屏幕底端 标记 使用标记可以快速移动。到达标记后,可以用Ctrl+o返回原来的位置。...y[n]l: 复制光标右边1(n)个字符。 y[n]h: 复制光标左边1(n)个字符。 y$: 光标当前位置复制到行尾。 y0: 光标当前位置复制到行首。 :m,ny 复制m行到n行的内容。

2.5K10

VS Code常用快捷键

新建文件: 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 2、代码编辑 (...): Alt+F12 选择光标到行尾的内容: Shift+End 选择光标到行首的内容: Shift+Home 删除光标右侧的所有内容(当前行): Ctrl+Delete 扩展...): Ctrl +/- 侧边栏显示或隐藏: Ctrl+B 显示资源管理器(光标切到侧边栏才有效): Ctrl+Shift+E 显示搜索(光标切到侧边栏才有效): Ctrl+Shift...编写对应规则有一定的方法,如下所示: // 键绑定放入此文件以覆盖默认值 [{ "key": "f8", "command": "workbench.action.tasks.runTask

71930
领券