VS Code UTF-8 编码设置指南（解决乱码问题）

VS Code UTF-8 编码设置指南解决乱码问题在日常开发中很多人都会遇到一个烦人的问题中文乱码。尤其是在使用 VS Code 打开文件时经常会看到一堆“”或者奇怪符号。这篇文章带你一次性搞懂什么是 UTF-8VS Code 如何正确设置 UTF-8如何解决乱码问题 一、什么是 UTF-8UTF-8 是一种字符编码格式用于表示文本尤其是多语言比如中文、日文等。 简单理解编码特点UTF-8通用、跨平台、推荐使用GBK常见于 Windows 中文环境ASCII只支持英文⚠️ 问题的本质文件编码 ≠ 编辑器解码方式 → 就会乱码⚙️ 二、VS Code 设置默认 UTF-8方法一图形界面推荐打开 VS Code按快捷键Ctrl ,在搜索框输入encoding找到Files: Encoding设置为utf8 三、开启自动识别编码强烈推荐继续在设置里搜索auto guess找到Files: Auto Guess Encoding✔ 勾选开启为什么要开因为很多旧文件不是 UTF-8比如GBK常见于 WindowsShift-JIS日文开启后 VS Code 会自动帮你识别减少乱码问题。 四、针对单个文件修改编码如果已经乱码了可以这样处理打开文件看右下角显示编码比如UTF-8/GBK点击它会弹出两个选项 Reopen with Encoding重新打开 用正确编码读取文件不修改文件本身 Save with Encoding保存为 转换成 UTF-8 五、终端乱码问题Windows如果你在 VS Code 终端看到乱码执行chcp65001 切换终端到 UTF-8⚠️ 六、常见坑总结❌ 1. UTF-8 vs UTF-8 with BOMUTF-8推荐UTF-8 with BOM有些工具会出问题 建议统一使用UTF-8无 BOM❌ 2. 文件本身不是 UTF-8比如Excel 导出的 CSV常是 GBK老项目代码 解决方法Reopen with Encoding → GBK → 再 Save with Encoding → UTF-8❌ 3. Git 导致乱码跨平台开发时WindowsGBKMac/LinuxUTF-8 建议gitconfig--globalcore.autocrlf input并统一项目编码为 UTF-8 七、最佳实践推荐配置{files.encoding:utf8,files.autoGuessEncoding:true} 总结遇到乱码记住这三步确认文件编码用正确编码重新打开统一保存为 UTF-8 最后UTF-8 是现代开发的“默认语言”统一编码 少踩 90% 的坑。