vs code menus

跟着 [[@如何提高编程速度:Emacs高手教授轻松精通所有编辑器和IDE的秘诀]] 过 VS Code 菜单的笔记,有些功能不看真不知道。

[[VS Code Menus/File]]

Auto Save 可以打开,自动保存文件

[[VS Code Menus/Edit]]

Find And Replace

id:: 667326cf-0a8d-41ff-8547-b68b7f1e0b57

  • 移动搜索框到下方,解决部分文件路径过长。"search.location": "panel"
  • Advanced search options 中支持 glob syntax 语法指定搜索路径,具体用法见 Basic Editing in Visual Studio Code
    • image.png

Toggle Comment 注释

id:: 66725943-fac6-4128-be3a-7b6d4a174567

  • Toggle Line Comment cmd+/ 单行注释
  • Toggle Block Comment 多行注释

[[Emmet]]

  • Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow. 前面是官网介绍,简单说是加快写 HTML 和 CSS 的速度
  • 写前端重复代码时使用,现在前端框架不太依赖这些。
  • Emmet: Go to Matching Pair 实现从 tag 的开头跳到结尾

[[VS Code Menus/Selection]]

文本选择 shift + 方向键,以词为单位文本选择 ctrl + shift + 方向键

Expand Selection/Shrink Selection 选中从中心词往智能扩展/缩减选择区域,web 编程可以使用
id:: 66732c74-eb6d-420e-80a5-cd2c840ee84d

  • image.png

Copy Line Down 在下方复制当前选中的行

Multi-Cursor [[Sublime Text]] 中的多行光标
id:: 66732e6c-43ed-41aa-8e0a-35c0b1002538

  • Add Next Occurrence 选中当前词的下一个词,每个词后面加一个光标。实现的部分功能可能和 Replace 重复
  • image.png

[[VS Code Menus/View]]

Command Palette

Open view

  • view 打开左侧或下面的面板
  • Source Control 源代码管理器
  • windows 系统支持按住 alt + 下划线对应的快捷键打开功能

Appearance

  • Zen Mode 隐藏边栏,全屏
    id:: 66733278-d445-4fbd-8353-3d368e3fe6d5
  • Primary Side Bar 左侧面板 Secondary Side Bar 右侧面板
  • Activity Bar Position 左侧几个大的图标
  • Zoom In/out cmd -/= 调整字体大小
  • image.png

Editor Layout

id:: 66733451-cb08-4074-931e-fc45908c3c03

  • split Editor Down/Up/Left/Right 创建子窗口
  • Single 单列
  • three column 三列,默认不打开
  • Flip Layout 行列布局互换

其他

  • word wrap 软换行
  • show minimap 右侧代码视图
  • show breadcrumbs 文件地址面包屑,点击跳转
  • Render Control Characters 显示老式打印机对应的一些字符。
  • render Whitespace 查看隐藏字符

[[VS Code Menus/GO]]

跳转相关

  • [[GO to Definition]]
  • [[Go to Declaration]] :<-> 跳转到声明
    id:: 66b8bc91-f70f-417f-8264-8e9644a168fd
    • vim快捷键 :-> g d
      id:: 66b8bc91-57a2-4230-a22f-81cdf38f4f11
    • 如果在打开的多个文件中找到,跳出小窗让你选择。
  • image.png

Switch Group 和 Switch Editor

  • group 对应子窗口
  • editor 对应group里面不同的 tab
  • cmd + 数字 切换光标到不同的 group

其他

  • Go File 文件名模糊搜索
  • Back 返回
  • Last Edit Location 返回最后编辑
  • Go to Line/Column 跳到指定行
  • [[Go to Bracket]] 跳转括号

Peek

  • 弹出窗口查看定义之类的,和 go to 对应。

Next/Previous Problem

  • 错误之间跳转

Next/Previous Change

  • 在没有提交到 Git 的改动之间跳转
  • Emacs [[git-gutters]] 支持模糊搜索改动,更加使用

Debug

建议使用语言对应的第三方调试器

Terminal

run task

Help

Documentation 跳转到文档

Open Process Explorer 打开进程管理器

作者

Ryen Xiang

发布于

2024-06-21

更新于

2024-08-11

许可协议


网络回响

评论