WebStorm中文乱码需同步设置Global、Project及Properties三层UTF-8编码并勾选Transparent native-to-ascii conversion；乱码文件通过状态栏Reload预览或Convert永久修改；终端乱码须同步配置系统层、JVM参数及运行环境变量。
WebStorm 编码识别错误不是“读不了”，而是它猜错了——你得明确告诉它该用什么编码读这个文件，而不是依赖自动检测。
右下角状态栏显示 GBK 或 ISO-8859-1？先 Reload 预览再决定
打开乱码文件后，右下角状态栏会显示 WebStorm 当前认定的编码（比如 GBK、ISO-8859-1），点击它就能调出编码列表：
- 直接在弹窗里敲
utf或gbk快速定位，别手动滚动查找 - 选中带 ⚠️ 标记的编码时，IDE 会弹窗问你选
Reload还是Convert -
Reload：只让编辑器按新编码重新解析内容，磁盘文件一字不动——适合确认解码效果是否正确 -
Convert：把文件内容真正按新编码重写进磁盘——必须确认原始内容确实是那个编码，否则中文会变???或方块 - 执行过
Convert后，WebStorm 会把这个文件和该编码绑定，下次打开不再重新猜
Global / Project / Properties 三层编码都设成 UTF-8 才算稳
只改 Project Encoding 是最常见失误。这三项必须同步设为 UTF-8，缺一不可：
-
Global Encoding：控制所有新建项目、新文件的默认读取方式 -
Project Encoding：决定当前项目下新建文件的保存编码（也参与已有文件读取） -
Default encoding for properties files：专管.properties文件，不设这个，msg=你好会被自动转成msg=\u4f60\u597d且 IDE 不提示 - 必须勾选
Transparent native-to-ascii conversion——这是防止.properties中文被转义的开关 - 改完点
OK后建议完全退出 WebStorm 再重启，部分设置热加载不可靠
Terminal 或 Run Configuration 输出还是乱码？JVM 和系统层要动
编辑器里全设成 UTF-8，不代表终端输出就正常。Terminal 输出走的是系统 Shell + JVM 参数 + WebStorm 渲染三层逻辑：
- Windows：注册表路径
Computer\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Command Processor新建字符串值Autorun，值为chcp 65001 - macOS/Linux：编辑
bin/webstorm.vmoptions，追加一行：-Dfile.encoding=UTF-8 - 所有平台：检查
Run Configuration → Environment Variables是否有file.encoding=UTF-8——IDEA 系列常漏这一层 - 三处缺一不可；少一个，
console.log("你好")在 Terminal 里照样显示成问号
Vue 文件报红但代码没错？优先检查 BOM 和 <meta charset>
WebStorm 会优先按文件内显式声明来决定编码，覆盖所有设置：
- 有 BOM 的 UTF-8 文件，状态栏会直接显示
UTF-8，哪怕你设了全局GBK也没用 - HTML 或 Vue 文件里写了
<meta charset="gbk">，WebStorm 就强制用GBK解析，即使文件实际是 UTF-8 - 遇到这种冲突，要么删掉
meta声明，要么手动点击状态栏选UTF-8→Convert（前提是内容真是 UTF-8） - BOM 本身不影响 JS 执行，但某些旧构建工具（如老版 Webpack）可能报 warning，建议统一去掉
真正难搞的是那种改完所有设置、重启多次、状态栏也显示 UTF-8，但某几个文件名在 Project 栏里仍是口口口的情况——那大概率不是编码问题，而是 UI 字体不支持中文，得去 Appearance & Behavior → Appearance 换字体并重启。
