当前位置: 首页 > article >正文

vscode软件操作界面UI布局@各个功能区域划分及其名称称呼

文章目录

    • abstract
    • 检查用户界面的主要区域
    • 官方文档关于UI的介绍

abstract

  • 检查 Visual Studio Code 用户界面 - Training | Microsoft Learn

本质上,Visual Studio Code 是一个代码编辑器,其用户界面和布局与许多其他代码编辑器相似。 界面左侧是用于访问代码项目中的文件和文件夹的侧边栏。 右侧是显示应用程序文件内容的编辑器区域。

检查用户界面的主要区域

下图显示了 Visual Studio Code 用户界面中包含的五个主要工作区域。

显示 Visual Studio Code 界面的五个区域的屏幕截图。

  • A - 活动栏是位于窗口最左侧的窄竖栏。 通过活动栏,可在各视图(如资源管理器或扩展)之间切换,并且活动栏提供其他特定于上下文的指示器。
  • B - 侧边栏包含提供工具和资源的视图。 在处理代码项目时,侧边栏视图(例如资源管理器)非常有用。
  • C - 编辑器是用于编辑文件的区域。 可根据需要在垂直和水平方向并排打开任意数量的编辑器。
  • D - 面板区域用于在编辑器区域下方显示输出或调试信息、错误和警告或集成终端的不同面板。
  • E - 状态栏是窗口底部的横栏,显示有关打开的项目和所编辑的文件的信息。
  • F - 主菜单是应用程序窗口顶部的菜单界面。 使用菜单选项可以保存、编辑和运行代码等。

随着你越来越精通 Visual Studio Code,你将在所述的屏幕区域中工作。 但是,首先,需要记住的最重要的区域是活动栏、侧边栏和编辑器。 活动栏是选择要执行的活动的位置。 侧边栏显示工具和选项,编辑器显示你编辑的信息(通常是代码)。

官方文档关于UI的介绍

  • Visual Studio Code User Interface

http://www.kler.cn/a/525508.html

相关文章:

  • linux用户管理
  • Github 2025-01-25Rust开源项目日报Top10
  • mybatis(134/134)完结
  • (一)QT的简介与环境配置WIN11
  • Spring AI 在微服务中的应用:支持分布式 AI 推理
  • SSM开发(七) MyBatis解决实体类(model)的字段名和数据库表的列名不一致方法总结(四种方法)
  • 留学生scratch计算机haskell函数ocaml编程ruby语言prolog作业VB
  • Java实现.env文件读取敏感数据
  • Flutter 新春第一弹,Dart 宏功能推进暂停,后续专注定制数据处理支持
  • 【Numpy核心编程攻略:Python数据处理、分析详解与科学计算】1.26 统计圣殿:从描述统计到推断检验
  • 安卓(android)订餐菜单【Android移动开发基础案例教程(第2版)黑马程序员】
  • arkts bridge使用示例
  • [Python学习日记-80] 用 socket 实现文件传输功能(上传下载)
  • 设计模式 - 行为模式_Template Method Pattern模板方法模式在数据处理中的应用
  • C#方法作用
  • Java基础知识总结(二十八)--可变参数(...)、静态导入、枚举
  • JMeter插件 Arrivals Thread Group 源码解析:实现原理与性能测试中的应用
  • C24.【C++ Cont】结构体
  • springboot 简化 spring开发
  • 智能家居能源管理系统:Python与AI的完美结合
  • QT设置应用程序图标
  • LeetCode:56.合并区间
  • 工业相机常用词语解释
  • Vue.js 使用 Vuex 管理组件间的共享状态
  • 【GStreamer】GstBuffer的简单分析
  • 10.7 获得程序版本信息