Html编辑器下（HTML第2课HTML 编辑器）

大家好，我是编代码的小学森。上一课简单说了一下HTML语言，接下来学习需要使用编辑器，在这里给大家推荐一下我正在用的VS Code，其安装步骤。

VS Code

Visual Studio Code（简称VS Code）是一个由微软开发，同时支持Windows、Linux和macOS等操作系统且开放源代码的代码编辑器，编辑器中内置了扩展程序管理的功能。

VS Code安装

我们可以在VScode官网首页下载对应系统（支持Windows、Linux、macOS）的软件：

VSCode下载

安装包

VSCode安装很简单，macOS下载zip解压后就能使用。

今天我们以Windows为例下载安装包。

1、双击打开安装包，点击Next：

步骤1

2、选中接受协议选项，然后点击Next：

步骤2

3、选择安装路径，也可以直接使用默认的：

步骤3

4、点击Next：

步骤4

5、注意安装路径设置、环境变量默认自动添加到系统中，勾选以下选项：

步骤5

6、最后我们点击Install就可以完成安装了：

步骤6

完成安装

7、VScode安装汉化包很简单，打开VScode，点击安装扩展，在搜索框输入 Chinese，然后点Install就可以：

中文工具包

VScode的扩展功能非常强大，我们可以找到几乎所有开发需要的工具，当然也可以自己开发。以下是VScode启动后的界面，简单说明如图：

功能界面

VS Code使用

1、在VS Code安装完成后，选择"文件(F)->新建文件(N)"，在新建的文件中输入以下代码：

示例代码

2、另存为HTML文件，然后选择"文件(F)->另存为(A)"，文件名为student.html:

student.html

当您保存HTML文件时，既可以使用.htm也可以使用.html扩展名。两者没有区别，完全根据您的喜好，我建议统一用.html。

在一个容易记忆的文件夹中保存这个文件，比如student

3、在浏览器中运行这个HTML文件，然后鼠标右击编辑器上的文件名，选择在默认浏览器打开:

运行

插件

运行显示结果类似如下:

运行结果