认识编辑器界面:活动栏、边栏、编辑器、状态栏还有面板

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

自由学三年,把想法变成现实。33 折优惠(最后 7 天), 现在订阅 →

VS Code 最左边这个栏叫 Activity Bar,活动栏,上面主要会显示一些快快捷方式,可以快速打开某些功能 .. 比如资源管理器,搜索 .. 源代码管理 等等 .. 有时候安装了一些插件以后,可能会在这个栏上面添加一些额外的快捷方式 .. 打开命令面板 ... 搜索一下 Activity .. 执行一下 Toggle Activity Bar Visibility .. 可以切换显示这个活动栏 ..

它的右边是 Code 编辑器的 Side Bar ,就是边栏 .. 边栏上的内容会随着选择打开的活动栏上的快捷方式而变化 .. 打开命令面板 .. 搜索 Side bar ,执行 Toggle Side Bar Visibility 可以切换显示 Code 编辑器的边栏 .. 或者可以使用快捷键 .. Command + B .. 在 Windows 上,应该是 Ctrl + B ..

边栏的右边就是代码编辑器 .. shift + command + E ,windows 上是 shift + ctrl + E ,可以快速打开资源管理器 ... 点击文件名可以打开这个文件然后编辑里面的内容 ..

Code 编辑器的最底部这里叫 Status Bar ,状态栏 .. 上面会显示项目的源代码管理相关的信息,文件的格式等等 .. 打开命令面板,搜索 Status Bar ... Toggle Status Bar Visibility 这个命令可以切换状态栏的显示状态 ..

还有块重要的区域是 Panel .. 面板.. 默认它会被隐藏起来 .. 鼠标放在编辑器的底部,在状态栏的上面 .. 按住并且拖动鼠标 .. 可以打开这个面板 .. 上面有调试控制台 .. 还有终端这些东西 ..

shift + command + Y,可以快速切换面板上的调试控制台的显示 .. ctrl + ` 可以切换显示编辑器集成的终端。

认识编辑器界面:活动栏、边栏、编辑器、状态栏还有面板《 VS Code:编辑技巧 》

统计

10670
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点