VSCODE 无法识别标记函数的 .env* 文件，也无法识别 .env.local.* 文件

Question

环境：

NextJs、React、VsCode

1. VSCODE 无法识别语法突出显示。

我已经安装了以下扩展：

• 环境电压
• 点环境

对我的配置文件做了以下操作json：

"files.associations": {
            "*.js": "javascriptreact",
            "*.env.development": "env",
            "*.env.production": "env",
            "*.env.local": "env",
    },

2. VsCode 应该根据我创建的文件识别 .env 命名：

.env.local.example

我测试了一个公共变量NEXT_PUBLIC_ENV_LOCAL_VARIABLE = "Some public stuff"，当我在浏览器上测试它时它不起作用。当我将终止添加.example到.env.local文件时，Vscode 完全停止识别该文件。

谢谢您的帮助

Answer 1

您的配置全局模式似乎是问题所在。

*.env.local涵盖example.env.local和不涵盖.env.local.example。如果将标识符附加到文件名末尾，您的配置应该如下所示：

"files.associations": {
    "*.js": "javascriptreact",
    ".env.development*": "env",
    ".env.production*": "env",
    ".env.local*": "env",
},

或者我认为这就足够了：

"files.associations": {
    "*.js": "javascriptreact",
    ".env.*": "env",
},

更新：

它还取决于您安装的插件。envtype 是由ENV插件注册的，如果你没有安装它，你可以使用内置properties类型。

"files.associations": {
    ".env.*": "properties",
},