子資料夾和特殊字元資料夾的 VSCode 語言模式關聯

Visual Studio Code (VSCode) 支援大量檔案格式。 VSCode 根據檔案名稱和副檔名找到語言模式。通常，只要合理的預設值就可以了。但是如果您想為不同的資料夾使用不同的語言模式呢？

VSCode 在其 .vscode/settings.json 檔案中有一個 files.associations 物件。這是全域模式到語言模式的對應。請參閱 VSCode 文件中支援的 glob 模式語法。

如何更改任何地方所有文件的語言模式

最簡單的變體。所有文件需要不同的語言模式。

例如，當使用 Tailwind CSS 進行樣式設定並為 VSCode 安裝 Tailwind CSS 擴充功能時，您希望將所有 *.css 檔案變更為 tailwindcss 模式而不是純 css。

{
  "files.associations": {
    "*.css": "tailwindcss"
  }
  ...
}

如何更改特定路徑的語言模式

某些子資料夾下的檔案需要不同的語言模式也不罕見。

例如，當主題化 Sphinx 文件時，您創建了許多 HTML 文件，這些文件不是純 HTML，而是 Jinja HTML。我安裝了 Better Jinja 擴展，它提供了 jinja-html 模式。

"source/_templates/*.html": "jinja-html``

更安全的是使用**，意思是任何地方 - 在路徑或任何子路徑。

{
  "files.associations": {
    "*.css": "tailwindcss",
    "source/_templates/**/*.html": "jinja-html`
  }
  ...
}

如何轉義語言模式檔.關聯的特殊字元？

現在是我在準備基於 Cookiecutter 範本產生器的入門範本新 Sphinx 主題期間發現的棘手部分。

Cookiecutter 專案使用名為 {{ cookiecutter.project_slug }} 的資料夾。僅在其下我想更改關聯，例如對於 *.py 從 py 到 jinja-py。

VSCode 文件中沒有描述轉義 glob 模式特殊字元（如 *、{ 等），但這是可能的。

首先，這些不起作用：

• "{{ cookiecutter.project_slug }}/**/*.py": "jinja-py" 因為 { 和 } 是 glob 模式的分組字元。
• “{{{{ cookiecutter.project_slug }}}}/**/*.py": "jinja-py" 因為加倍轉義不是 VSCode glob 模式轉義機制
• {{ cookiecutter.project_slug }}/**/*.py": "jinja-py" 因為對於反斜線轉義，is 轉義字元而是 JSON 本身（例如，n）。

轉義反斜線就可以了("\{\{ cookiecutter.project_slug \}\}/**/*.css": "tailwindcss")。例如：

{
  "files.associations": {
    // CSS files are Tailwind
    "\{\{ cookiecutter.project_slug \}\}/**/*.css": "tailwindcss",
    // HTML files are Jinja
    "\{\{ cookiecutter.project_slug \}\}/**/*.html": "jinja-html",
    "\{\{ cookiecutter.project_slug \}\}/**/*.py": "jinja-py",
    "\{\{ cookiecutter.project_slug \}\}/**/*.toml": "jinja-toml",
    "\{\{ cookiecutter.project_slug \}\}/**/*.json": "jinja-json"
  },
  ...
}

以上是子資料夾和特殊字元資料夾的 VSCode 語言模式關聯的詳細內容。更多資訊請關注PHP中文網其他相關文章！