如何在VSCode设置中将文件关联设置为自定义的.env文件名？

Question

我有一个名为.envDEV的文件，用于存储开发环境变量。

但是，VSCode无法将其识别为dotenv文件。

如果我更改文件的语言模式，它似乎可以工作（适当的样式被应用，尽管图标不会改变）。 但是每次关闭并重新打开文件时都会失效。

我想为此设置自定义文件关联，但迄今为止没有成功。

settings.json

"files.associations": {
  "*.envDEV": "dotenv"      // DOES NOT WORK
  "*.envDEV": ".env"        // DOES NOT WORK
},

有人知道怎么做吗？

- cbdeveloper

Answer 1

默认情况下，.env 文件的语言 ID 是 plaintext，但是 vscode 会对其进行特殊处理以分配不同的图标。我能够实现你所要求的唯一方法是使用扩展程序来更改图标。

dotenv 扩展程序为所有 .env 变体文件添加了语法突出显示和 dotenv 语言 ID。再配合 vscode-icons 扩展程序，它会将图标更改为基本 .env 文件的齿轮图标。

仅使用图标扩展程序，您可以使用 properties 文件关联也可以工作，只需添加以下内容到 settings.json：

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

- Parker

---

我会尝试的！谢谢！ - cbdeveloper

值得注意的是，dotenv文件不是属性文件。https://en.wikipedia.org/wiki/.properties - Clintm

Answer 2

使用dotenv扩展程序，这将会起作用：

"files.associations": {
  "*.env*": "dotenv"      // THIS WORKS NOW
}

- Clintm

---

正是我所需要的！谢谢！ - TrieuNomad

这个不起作用。 "dotenv" 不是内置类型，而 "properties" 是。 - Michael Ozeryansky

@MichaelOzeryansky，你需要安装dotenv插件。 - Clintm

@MichaelOzeryansky提到，.env文件不是一个properties文件：https://en.wikipedia.org/wiki/.properties - Clintm

这并没有为我启用语法高亮。它只改变了图标。但是“属性”可以。它既应用语法高亮，又更改图标。 - Halil Kayer

使用 "Dotenv官方 + Vault"，这个不起作用，至少对我来说是这样。当我说它不起作用时，我的意思是似乎有语法高亮，但秘密的隐藏部分并没有被激活。 - Mihai Ungureanu

Answer 3

如果您不想安装单独的扩展程序，您可以将.env文件的语言模式设置为makefile或python，以获得语法高亮和#注释支持。

"files.associations": {
    ".env*": "makefile"  // or "python"
  }

- GorvGoyl

---

这可能在突出显示方面技术上可行，但是“make”很奇怪......不确定我是否推荐这样做（即在Makefile中使用“$”，因为它是特殊字符）。 - Clintm