1. 什么是 UTF-8 编码
UTF-8 是一种 Unicode 字符编码方式，它可以表示全世界范围内的字符。具有兼容 ASCII 编码、可变长字节编码等优点，因此成为了 HTML、XML、JSON、CSS、JavaScript 等编程语言中使用最广泛的编码方式。
UTF-8 编码中，一个英文字母占用 1 个字节，一个汉字占用 3 个字节。对于非 ASCII 字符，UTF-8 编码使用多个字节表示，可以表示 1,112,064 个 Unicode 字符。
2. VSCode 编辑器下 UTF-8 中文乱码问题解决方案
2.1 设置 VSCode 文件编码为 UTF-8
在使用 VSCode 编辑器时，我们需要将文件编码设置为 UTF-8。可以通过以下两种方式进行设置：
方法一：在 VSCode 编辑器的右下角，可以看到当前文件的编码格式。点击它，选择“Reopen with Encoding”，在选择中选择“UTF-8”。
方法二：在 VSCode 编辑器中，使用快捷键“ctrl + shift + P”，输入“Preferences: Open User Settings”，在弹出的设置界面中搜索“files.encoding”，将其设置为“utf8”。
2.2 修改 VSCode 默认文本文件编码为 UTF-8
在使用 VSCode 编辑器时，如果每次都需要手动将文件编码设置为 UTF-8，还是非常麻烦的。我们可以通过修改默认设置，将 VSCode 中的文本文件编码默认设置为 UTF-8。
方式如下：
方法一：使用快捷键“ctrl + shift + P”，输入“Preferences: Open User Settings”，在弹出的设置界面中搜索“files.defaultEncoding”，将其设置为“utf8”。
方法二：在 VSCode 编辑器中，使用快捷键“ctrl + ,”打开编辑器设置界面，在搜索框中搜索“files.defaultEncoding”，将其设置为“utf8”。
2.3 修改 VSCode 中的字体
有时候，在 VSCode 编辑器下打开 UTF-8 编码的文件时，中文会出现乱码。这时，我们可以尝试修改 VSCode 编辑器的字体，使其支持中文字符。
方式如下：
方法一：使用快捷键“ctrl + ,”打开编辑器设置界面，在搜索框中搜索“editor.fontFamily”，将其设置为“Microsoft YaHei, Arial, sans-serif”（微软雅黑字体）。
方法二：在 VSCode 编辑器的右下角，可以看到当前文件的编码格式。点击它，选择“Font”，选择其中的“Microsoft YaHei”字体。
2.4 插件安装
如果以上方法都不能解决 VSCode 编辑器下 UTF-8 中文乱码问题，我们可以尝试安装中文字体插件，如 SimHei。
方式如下：
方法一：使用快捷键“ctrl + shift + X”打开插件安装界面，搜索“Chinese Font”，安装“SimHei”插件。
方法二：在 VSCode 编辑器的菜单栏中，选择“View → Extensions”，搜索“Chinese Font”，安装“SimHei”插件。
3. 总结
针对 VSCode 编辑器下 UTF-8 中文乱码问题，我们可以通过设置文件编码、修改 VSCode 字体、修改默认文本文件编码、安装插件等方式进行解决。其中，修改默认编码方式可以减少我们手动设置文件编码的繁琐操作。如果您在使用 VSCode 编辑器时遇到 UTF-8 中文乱码问题，可以尝试以上方法进行解决。