VS Code 界面布局 and basicoperation

3.2 tag页management

每个打开 file都会显示 for 一个tag页, 您可以through以 under 方式managementtag页:

• 切换tag页: Ctrl+Tab (Windows/Linux) or Cmd+Tab (macOS)
• 切换 to specifictag页: Ctrl+ (Windows/Linux) or Cmd+ (macOS)
• 关闭tag页: Ctrl+W (Windows/Linux) or Cmd+W (macOS)
• 关闭othertag页: right 键点击tag页, 选择"关闭othertag页"
• 固定tag页: right 键点击tag页, 选择"固定tag页"

3.3 编辑器basicoperation

编辑器 常用basicoperationincluding:

• new 建file: Ctrl+N (Windows/Linux) or Cmd+N (macOS)
• 打开file: Ctrl+O (Windows/Linux) or Cmd+O (macOS)
• 保存file: Ctrl+S (Windows/Linux) or Cmd+S (macOS)
• 保存所 has file: Ctrl+K S (Windows/Linux) or Cmd+K S (macOS)
• 关闭file: Ctrl+W (Windows/Linux) or Cmd+W (macOS)

4. 侧edge栏 (Side Bar)

侧edge栏 in 容会根据活动栏 选择而变化, under 面介绍几个常用 侧edge栏视graph:

4.1 fileresourcemanagement器视graph

fileresourcemanagement器视graph显示当 before 工作区 file and file夹structure, 您可以:

• 点击file名称打开file
• right 键点击file or file夹foroperation, such as new 建, delete, renameetc.
• 拖拽file or file夹formove
• using顶部 按钮 new 建file or file夹

4.2 搜索视graph

搜索视graph用于 in 当 before 工作区in搜索文本:

• in 搜索框in输入要搜索 文本
• in replace框in输入要replace 文本 (可选)
• using正则表达式: 点击 .* 按钮
• 匹配 big small 写: 点击 Ab 按钮
• 全词匹配: 点击 AA 按钮
• package含 or 排除specificfile: in file匹配框in输入glob模式

4.3 sourcescodemanagement视graph

sourcescodemanagement视graph显示当 before Git仓library status:

• 显示modify过 file (已stage and 未stage)
• providingstage, submitting, push, pulletc.Gitoperation
• 显示branchinformation and submittinghistory

5. 面板 (Panel)

面板位于VS Code 底部, package含以 under 选项卡:

5.1 终端 (Terminal)

集成终端, 允许您 in VS Codein直接runcommands:

• 打开终端: Ctrl+` (Windows/Linux/macOS) or Ctrl+Shift+` (Windows/Linux/macOS)
• creation new 终端: 点击终端面板 right on 角 加号按钮
• 切换终端class型: 点击终端面板 right on 角 under 拉菜单, 选择commands提示符, PowerShell, bashetc.

5.2 issues (Problems)

显示当 before 工作区in error and warninginformation, including语法error, 拼写erroretc..

5.3 输出 (Output)

显示各种scale and tool 输出information.

5.4 debug控制台 (Debug Console)

in debug过程in显示debuginformation and 执行commands.

6. status栏 (Status Bar)

status栏位于VS Code 最底部, 显示以 under information:

• 当 before file 行号, 列号 and 字符位置
• 当 before file language模式 (such asJavaScript, Pythonetc.)
• 当 before file 编码格式
• 当 before Gitbranch and 更改status
• 行号显示/隐藏切换
• 自动换行切换
• indent设置
• file保存status
• scaleupdatenotification

7. commands面板 (Command Palette)

commands面板 is VS Code 强 big functions, 可以访问所 has commands:

• 打开commands面板: Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (macOS)
• in commands面板in输入commands名称 or 关键词
• using on under 箭头键选择commands
• 按Enter键执行选in commands

commands面板可以执行几乎所 has VS Codefunctions, including:

• 打开设置
• 更改language模式
• installationscale
• runtask
• 更改主题
• 执行Gitcommands
• etc.etc....

8. basic导航techniques

VS Codeproviding了 many 种导航方式, helping您 fast 速定位 to code 不同部分:

8.1 行导航

• 跳转 to 指定行: Ctrl+G (Windows/Linux) or Cmd+G (macOS) , 然 after 输入行号
• 跳转 to 行首: Home
• 跳转 to 行尾: End
• 跳转 to file开头: Ctrl+Home (Windows/Linux) or Cmd+Up (macOS)
• 跳转 to file结尾: Ctrl+End (Windows/Linux) or Cmd+Down (macOS)

8.2 符号导航

• 查看当 before file 符号 (such asfunction, class, variable) : Ctrl+Shift+O (Windows/Linux) or Cmd+Shift+O (macOS)
• 跳转 to 定义: F12 or Ctrl+Click (Windows/Linux) or Cmd+Click (macOS)
• 查看定义: Alt+F12 (Windows/Linux) or Option+F12 (macOS)
• find所 has 引用: Shift+F12 (Windows/Linux/macOS)

8.3 工作区导航

• 切换编辑器: Ctrl+Tab (Windows/Linux) or Cmd+Tab (macOS)
• 切换面板: Ctrl+Shift+\ (Windows/Linux) or Cmd+Shift+\ (macOS)
• 隐藏/显示侧edge栏: Ctrl+B (Windows/Linux) or Cmd+B (macOS)
• 隐藏/显示面板: Ctrl+J (Windows/Linux) or Cmd+J (macOS)

9. 练习