1.3.3 使用Visual Studio Code

将VS Code编辑器安装成功后，启动编辑器，主界面如图1-3所示。

需要注意的是，VS Code默认语言是英文，如果想要切换为中文，请单击左边栏中的第5个图标按钮“Extensions”（扩展），然后输入关键词“chinese”即可找到中文语言扩展，单击“Install”按钮进行安装即可。

小提示：

VS Code默认的主题为黑色背景，如果想要更换主题，请单击左下角齿轮形状“Manage”（管理）按钮，然后在弹出的菜单中选择“Color Theme”（颜色主题）。图1-3使用的主题为明亮背景的Light+ (default light)。

在VS Code编辑器的“欢迎使用”界面中，单击“打开文件夹…”，就可以选择某个文件夹来作为项目的根目录。

打开文件夹后，创建一个简单的网页，进入到代码编辑环境，如图1-4所示。

在图1-4中，左侧有一个资源管理器。在资源管理器中，可以查看项目的目录结构。在资源管理器中任意选择一个文件，即可在右侧的代码编辑区域对该文件进行编辑。

在代码编辑区域，可以同时打开多个文件并通过标签页进行切换，标签页的标题“index.html”表示文件名。如果未对代码进行更改，当切换到其他文件进行编辑时，将会替代当前的标签页。如果不希望替换此标签页，可以双击此标签页的标题。

代码编辑区域的下半部分是一个带有“问题”“输出”“调试控制台”“终端”选项卡和各种按钮的面板。在“终端”选项卡中可以很方便地执行命令。