20 几个 vscode 快捷键助你起飞

在VSCode的日常使用中,快捷键是我们提高编码效率的得力助手。虽然快捷键众多,但不是所有的都需要记住。专注于那些常用且能显著提升工作效率的快捷键即可。本文中介绍一些本人精选的VSCode快捷键,助你高效编程。

1. 界面导航

  • 显示/隐藏侧边栏 : Ctrl + B
    • 隐藏侧边栏可以提供更多的代码编辑空间。
  • 显示/隐藏终端 : Ctrl + ````` (通常位于键盘左上角)
    • 快速在代码和终端之间切换。
  • 打开命令面板 : Ctrl + P
    • 通过命令面板可以快速执行各种命令。

2. 文本编辑

  • 复制行 : 将光标放置在目标行,然后 Ctrl + C
    • 无需选中文本,直接复制整行。
  • 剪切行 : 将光标放置在目标行,然后 Ctrl + X
    • 类似复制,但会删除原行。

3. 代码视图操作

  • 查看代码大纲 : 侧边栏的"Outline"视图
    • 快速浏览文件结构。
  • 折叠代码 : Ctrl + K, Ctrl + [
    • 将光标下的代码块折叠起来。
  • 展开代码 : Ctrl + K, Ctrl + ]
    • 展开上一步折叠的代码块。
  • 展开所有代码 : Ctrl + K, Ctrl + 0
    • 展开当前视图中所有折叠的代码块。

4. 代码块操作

  • 向上移动代码块 : 选中代码块,然后 Alt + 上箭头
    • 将选中的代码块向上移动。
  • 向下移动代码块 : 选中代码块,然后 Alt + 下箭头
    • 将选中的代码块向下移动。

5. 快速定位与查找

  • 快速定位文件 : Ctrl + P 后输入文件名
    • 快速打开项目中的文件。
  • 查找并替换 : Ctrl + Shift + L
    • 选中文本后,可以快速替换当前文件中的所有匹配项。
  • 逐个查找匹配项 : Ctrl + D
    • 逐个查找并选中匹配的项。

6. 多光标编辑

  • 多光标定位 : 按住 Alt 键,点击多个位置
    • 实现多光标编辑,一次性修改多个地方的文本。

7. 特殊编辑操作

  • 行尾添加分号 : 在行尾按 Ctrl + Right Arrow,然后 ;
    • 自动跳到行尾并添加分号,适合某些语言的语法要求。

当然,让我们继续深入了解VSCode快捷键的妙用:

8. 高级查找与替换

  • 查找 : Ctrl + F
    • 打开当前文件的查找框,快速定位文本。
  • 替换 : Ctrl + Alt + F
    • 结合查找功能,替换当前文件中的文本。

9. 代码片段与格式化

  • 代码格式化 : Shift + Alt + F
    • 格式化当前文件的代码,符合设定的代码风格。
  • 插入代码片段 : Ctrl + Shift + P 然后输入"Insert Snippet"
    • 快速插入常用代码模板,提高编码速度。

10. 窗口管理

  • 拆分编辑器 : Ctrl + \ 然后 Ctrl + Shift + E
    • 将编辑器窗口拆分成多个,同时查看和编辑多个文件。
  • 关闭窗口 : Ctrl + F4
    • 关闭当前编辑的文件窗口。

11. 调试辅助

  • 设置断点 : 点击行号左侧区域,添加一个红点
    • 在调试时,程序会在此处暂停。
  • 启动调试 : F5
    • 开始调试程序,非常有用。

12. 文件操作

  • 保存文件 : Ctrl + S
    • 保存当前编辑的文件。
  • 打开文件 : Ctrl + OCtrl + Shift + O
    • 分别打开文件和跳转到项目中的文件。

通过这些快捷键的熟练使用,你将能够更加专注于编码本身,而不是被频繁的鼠标点击所打断。VSCode的快捷键系统非常强大,掌握它们,就是掌握了提高生产力的钥匙。

提示

  • 如果你在Mac系统下发现某些快捷键不起作用,可以查看VSCode的键盘快捷键设置,进行自定义调整。

通过上述快捷键的熟练运用,可以显著提高在VSCode中的编码效率。如果你有其他好用的快捷键技巧,不妨在评论区分享出来,让我们一起进步。

结语

掌握这些快捷键,让你在VSCode中如鱼得水。持续关注,获取更多前端开发小技巧和深度知识。

相关推荐
移民找老国1 天前
加拿大:一场生活与梦想的邂逅
beautifulsoup·intellij-idea·numpy·生活·fastapi·visual studio code·myeclipse
眠りたいです2 天前
贪吃蛇项目:GameRun与GameEnd部分:游戏的主体运行与善后部分
c语言·笔记·学习·算法·游戏·visual studio code
曼亿点10 天前
【PHP项目实战训练】——使用thinkphp框架对数据进行增删改查功能
开发语言·php·visual studio code
callMe小王13 天前
vscode 自定义编辑器(看完即入门)
前端·webview·visual studio code
亿牛云爬虫专家23 天前
在Visual Studio Code中使用pytest进行AWS Lambda函数测试的最佳实践
vscode·pytest·爬虫代理·aws·visual studio code·lambda·代理ip
AI-剁椒鱼头25 天前
2024年06月IDE流行度最新排名
pycharm·eclipse·visual studio code·visual studio·ide最新排名
cooljser25 天前
🔥🔥推荐 5 款 vscode 插件,让你的开发效率大大提升
visual studio code
曼亿点1 个月前
【php实战项目训练】——thinkPhP的登录与退出功能的实现,让登录退出畅通无阻
android·开发语言·学习·php·visual studio code
karl_hg1 个月前
windows中,管理多个版本的node之nvs
前端·node.js·visual studio code
木头就是我呀1 个月前
VSCode无限画布模式(可能会惊艳到你的一个小功能)
前端·javascript·visual studio code