Vscode界面介绍

最新推荐文章于 2024-08-03 10:26:55 发布
最新推荐文章于 2024-08-03 10:26:55 发布
阅读量3.3k 收藏 2
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m18731455318/article/details/119840496
版权

界面主要分为5个区域，分别是活动栏，侧边栏，编辑栏，面板栏，状态栏

 

①：活动栏从上到下依次为，打开侧边栏，搜索，使用git，debug，使用插件

②：侧边栏，新建项目文件和文件夹

③：编辑栏，编写代码的区域

④：面板栏，从左到右依次为，问题，输出，调试栏，终端（terminal），最重要的是terminal，用来输入相关命令

 

⑤：状态栏，点击 [图片上传失败...(image-bcdf98-1559059441856)].png)[图片上传失败...(image-a50ab7-1559059441856)] 该区域可以调出面板栏

⑥：需要注意的为下图红框所示，分别表示鼠标光标所在位置和tab缩进字符，这里为缩进4个字符

 



 

吕世良
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
VScode 简洁界面操作
Julienling的博客
03-31 2483
zen mode 禅模式 禅模式，认真入定了哈。快捷键Ctrl+K Z，按键的时候要注意，先按下Ctrl+K，然后松开，再按Z。退出的时候也是。 全屏模式 快捷键：Fn + F11 但是仍然有左侧竖条导航栏，不如直接用zen mode。 breadcrumbs 面包屑 光标所在元素在文档中的位置，推荐使用 minimap 在代码量较小的工程中可以去掉，View -> Show Minimap可以勾选或去勾。 render whitespaces 渲染空白处，一般不用。想区分不同indent（缩进
vscode-按比例缩放vscode界面设置.pdf
01-30
`vscode-按比例缩放vscode界面设置.pdf`这个文档显然提供了关于如何调整VSCode界面缩放比例的指导。下面将详细介绍这一功能及其操作步骤。 在VSCode中，界面缩放是一项非常实用的功能，它可以帮助用户改善阅读体验...
Windows之VS Code安装
月生的静心苑
12-03 1114
Visual Studio Code（简称 VS Code）是一个由微软开发，可用于Windows、macOS和Linux。Visual Studio代码是一个轻量级但功能强大的源代码编辑器。Visual Studio Code 默认支持非常多的编程语言，包括 JavaScript、TypeScript、CSS 和 HTML；也可以通过下载扩展支持 Python、C/C++、Java 和 Go 在内的其他语言。支持功能包括语法高亮、括号补全、代码折叠和代码片段；对于部分语言，可以使用 IntelliSens
生产力工具|VS Code安装及使用指南
weixin_63253486的博客
07-06 681
本篇博客介绍了VS code的安装步骤，以及有关的基础知识，并讲解了除项目部署外其余可能用到的小技巧，如‘快捷操作、扩展等。 重点在于通义灵码的安装以及使用。
Linux下C++编程入门（三）vscode使用简介
mhknb的博客
01-03 3137
vscode的使用以及关于C++工程的调试配置
vscode界面
weixin_44851591的博客
10-25 97
1 主题：GitHub Theme 2 文件图标：Material Icon Theme 3 终端：oh-my-zsh 4 效果图：
VScode页面开发
m0_74937538的博客
08-04 5433
当一个元素的宽度已知，并且希望它在其容器中水平居中对齐时，可以使用这个属性。11）overflow: hidden该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。13）text-overflow: ellipsis的意思就是在文本溢出容器时，使用省略号来表示溢出的部分。7)、input type="radio" 单选按钮，同组按钮内，name值保持一致，互斥，不能同时选中。9)sub下标/sup上标：上下标标签，加入（title=“*******”）链接可显示标签信息。
【VScode编辑器】VScode基本使用全面讲解
最新发布
m0_74246469的博客
08-03 2454
VSCode上进行C/C++程序的使用
VSCode批量代码比较
09-19
结合VSCode的可视化界面，能够清晰地看到代码的增删改情况，帮助开发者快速定位问题。在实际项目中，这样的自动化流程是提高生产力和保证代码质量的有效手段。如果你想要了解更多细节，建议查看提供的博客文章，其中...
vscode安装包下载
08-14
配置好远程连接信息后，你可以在本地VSCode界面中无缝编辑远程服务器上的文件。 **使用VSCode** 1. 扩展管理：VSCode的强大在于其丰富的扩展库。通过左侧的扩展视图，你可以搜索并安装所需插件，提高开发效率。 2. ...
如何让vsCode显示中文界面
10-15
本文将详细解释如何将VSCode设置为中文界面，以便更方便地进行编程工作。 首先，我们需要了解为何VSCode安装后会显示英文界面。这是因为在安装时，VSCode并未自动安装中文语言包，因此默认使用的是英文版本。要更改...
vscode中文插件VSIX
01-16
通过VSIX安装包，用户能够便捷地为VSCode添加新的功能或改变其界面语言。 【描述】中的"VSIX"进一步强调了这些文件是VSCode的扩展安装程序，它们主要用来使VSCode支持中文环境。VSCode是一款由微软开发的免费、开源...
VSCode 基本使用
热门推荐
huangpb的博客
12-16 5万+
一、VSCode 界面功能介绍 1. Git History，相当于 git log 3. 打开上一提交版本的更改记录 4. 显示提交注释 5. 向右分屏 6. 直接定位到第几行 7. 解析当前文件的语言 8. 切换项目（基于 Project Manager） 9. 切换分支 10. GitLens，可以查看文件和单行代码的修改记录 二、常用快捷键 1. Comman.........
VSCODE（三）用户界面
Fishfishfishfishcat
12-10 8664
一、设置 1.1 用户设置和工作区设置 用户设置（User Setting）: 所有VSCODE实例都有效的设置；工作区设置（Workspace Setting）:当前工作区有效的设置。工作区设置可以上传到服务器上方便所有成员共享。 1.2 打开设置 VSCODE有途径进行VSCODE设置，分别是JSON和UI方式。那么如何打开JSON或UI进行设置呢？ 菜单栏选取。FIle-Preference-Settings(Linux)；Code-Preference-Settings(Mac)； 命令面板搜索。
vscode的入门和介绍
完颜振江
12-29 425
Visual Studio Code（简称VSCode）是由Microsoft开发的一款轻量级、快速且强大的开源代码编辑器。它支持多种编程语言，提供了丰富的扩展生态系统，以及许多便捷的功能和工具。
vscode二次开发界面篇
zhouhangzooo的博客
05-13 1万+
title: vscode二次开发界面篇 date: 2019-05-13 10:17:19 tags: “VsCode” 本文给大家介绍vscode的界面的自定义修改 首先，先看vsocde界面如图1： 界面大致可以分为六部分： 1.标题栏titlebar 包含其中左边的（包括文件~帮助）为菜单栏menubar 2.活动栏activitybar 3.侧边栏sidebar 4.编辑器edito...
使用vscode图形化界面创vue3.0项目
可达鸭的博客
07-02 1791
先安装vue-cli，cmd打开终端 vue --version 输入检测版本指令,检测vue版本@vue/cli 4.5.6。如果你的版本低于这个，可以再使用 npm install -g @vue/cli 进行安装 安装过程中如果你之前安装了较早版本的cli可能会出现安装不上的可能就可以使用 npm uninstall -g @vue/cli 或 yarn global remove @vue/cli 先卸载较早版本 如果过程中还出现其他错误，可是尝试更新最新版的node...
vscode——熟悉vscode界面的功能
iheyu(一个新手小白女PHP初学者)
08-05 1186
1.双击vscode——>打开vscode显示上方菜单栏——>如图 2.活动栏——>可以控制大小拖动开关——>如图 3.代码编辑器——>如图
VS Code主题设置（美化VS Code）（主题+背景+图标+特效+字体）
前端萌新
02-13 1万+
VS Code主题，背景，字体设置
VScode界面介绍
06-22
Visual Studio Code（简称VSCode）是一款由Microsoft开发的免费、开源的代码编辑器，以其轻量级、高度可扩展性和跨平台支持而闻名。它的界面设计简洁直观，主要分为以下几个部分： 1. **标题栏**：包含文件名、当前工作区、控制按钮（如最大化/最小化、关闭、切换工作区等）和状态指示器。 2. **菜单栏**：提供常用的文件操作、编辑、查看、调试、构建、终端等功能选项，以及一些设置选项。 3. **工具栏**：可根据需求定制，常见的有Git版本控制、终端、搜索、折叠代码等快捷操作图标。 4. **编辑区域**：显示源代码的主区域，支持高亮语法、自动完成、代码提示等功能，并且可以通过扩展支持多种编程语言。 5. **侧边栏**：通常用于导航项目结构，展示文件夹、文件、符号引用、设置等信息。 6. **状态栏**：显示当前活动的文件路径、行号、编码格式、CPU/Memory使用情况等实时信息。 7. **扩展面板**：虽然默认情况下不显示，但可以通过点击右下角的"+"或在"视图"菜单中选择来访问，这里可以安装和管理插件，以增强编辑器的功能。 8. **命令面板**：通过按`Ctrl + Shift + P`快速打开，用于执行各种编辑器命令和任务。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值