Visual Studio Code它的核心功能还是作为一个代码编辑器。和其他的代码编辑器一样,VScode采取通用的UI和布局,浏览器在左边,显示所有的文件和文件夹,右边你打开的文件的编辑页面。
文件,文件夹以及项目
VScode是基于文件和文件夹的,你可以立即开始通过打开一个文件和文件夹。除了这些,VScode能够读不同框架和平台定义的项目文件。比如,如果你打开的文件夹包含一个或者多个package.json,project.json,tsconfig.json,或者ASP.NET 解决方案和项目文件,VScode可以读取这些文件并且利用他们来提供额外的功能比如代码补全功能。
打开VScode
你可以从命令行利用VScode打开文件,文件夹或者项目。 打开VScode中的一个index.html文件:
code index.html
打开文件夹c:\src\Contents:
code c:\src\contents
VScode中并不区分是打开文件夹还是打开项目。如果你打开的文件夹包含项目文件,VScode会读取这些文件并且显示这些项目内容在状态栏中。在这你也可以进行不同的项目之间的切换。 打开文件夹c:src\WebApp中包含的项目:
code c:\src\webapp
换句话说,打开包含项目的文件夹能够有效地打开项目: 打开当前文件夹:
code .
基本布局
VScode布局简单,能够最大化编辑界面并且也能够留下足够的空间浏览文件夹或者项目的内容。UI可以分成四个部分
- 编辑器 最主要地区域编辑文件。最多可以打开三个编辑页面。
- 边栏 包括不同的视图,比如你在处理项目时候地浏览器
- 状态栏 显示你正在打开项目和文件的状态
- 视图栏 可以让你在不同的视图中进行切换
每次你打开VScode都会恢复到上一次关闭的状态。文件夹布局如下所示。 不是把文件放在不同的tab之中,VScode可以最多同时打开3个编辑器。
并排编辑
你可以最多可以并排打开3个编辑器。 如果你已经有一个编辑器打开,你可以通过各种不同的途径打开另外的编辑器。
- Ctrl 在浏览器中打开一个文件
- comman+\ 将编辑器分成两个 无论何时你打开另外一个文件,编辑器将会激活正在打开的文件。