WebStorm中.env文件没高亮，需安装官方EnvFile插件并严格满足四条件：文件位于项目根目录、命名严格为.env、内容无引号/空格、WebStorm版本≥2024.3；安装后必须重启IDE，再手动配置Files to load支持.env.local等多环境文件。
WebStorm 里 .env 文件没高亮？不是缺插件，是根本没装对
WebStorm 原生不支持 .env 文件语法高亮，必须安装官方维护的 EnvFile 插件——注意不是 dotenv、DotENV 或任何带大小写变体的第三方插件。搜错名字会装到无效插件，文件依然灰白一片。
安装 EnvFile 插件的三步确认清单
装完就以为能用？90% 的人卡在这三步没做：
- 在
Settings → Plugins搜索框输入EnvFile（严格大小写，不能输成envfile或dot-env） - 点
Install后，**必须点击右下角Restart IDE** —— 不重启，插件加载器不初始化，.env还是纯文本 - 重启后打开项目根目录（含
package.json或tsconfig.json的目录），确认里面存在命名严格的.env文件（不是.env.local、.env.development）
为什么 .env 文件还是没高亮？检查这四个硬性条件
EnvFile 插件只在全部满足时才激活语法识别：
-
.env文件必须位于项目根目录，不能放在src/、config/或子文件夹里 - 文件名必须是
.env（开头带点，全小写，无扩展名） - 内容格式必须符合
dotenv规范：键值间无空格、不加引号（API_URL=https://api.example.com✅，API_URL="https://api.example.com"❌） - WebStorm 版本需 ≥ 2024.3；旧版本即使装了插件也可能不触发高亮（2026 年主流用的是 2025.3+）
想让 .env.local 也高亮？别改文件名，改插件配置
默认只认 .env，要支持其他命名，得手动告诉插件读哪些文件：
- 进
Settings → Other Settings → EnvFile - 在
Files to load区域点+，添加新行：.env.local - 如需按环境自动加载（比如
NODE_ENV=development时读.env.development），填：.env和.env.{{NODE_ENV}}（仅限插件 v4.0+） - 勾选
Auto-load files on project open，避免每次重启 WebStorm 都要手动刷新
真正容易被忽略的是：插件启用后，.env 文件的高亮和补全是两个独立能力——高亮靠插件解析，而 process.env.MY_VAR 在代码里的智能提示，还得依赖运行配置或 dotenv 手动加载。光有高亮，不代表调试时变量真能用上。
