如何为.pug/.jade文件配置VS Code专属自定义设置

没问题！在VS Code里针对特定文件扩展名配置专属设置其实很简单，核心是用语言特定配置块来实现，具体步骤如下：

• 打开VS Code的设置界面：你可以用快捷键 Ctrl+,（Windows/Linux）或 Cmd+,（Mac）快速打开，也可以点击左下角的齿轮图标，选择「设置」进入。
• 切换到JSON编辑模式：点击设置界面右上角的「{}」图标，进入settings.json的编辑页面——相比图形界面，JSON模式能更灵活地配置特定规则。
• 添加语言专属配置：在JSON文件中，用[语言标识符]作为键，来包裹对应文件类型的设置。对于.pug和.jade文件，VS Code对应的语言ID分别是pug和jade，所以你只需要添加以下配置：

{
  // 这里可以保留你已有的其他全局设置
  "[pug]": {
    "editor.renderWhitespace": "boundary"
  },
  "[jade]": {
    "editor.renderWhitespace": "boundary"
  }
}

• 保存设置：修改完成后按Ctrl+S（Windows/Linux）或Cmd+S（Mac）保存，之后打开任意.pug或.jade文件，就会自动启用「仅显示边界空白符」的渲染规则了。

小提示 #

如果你不确定某个文件对应的语言ID，可以打开该文件后看VS Code窗口右下角的语言模式显示（比如打开.pug文件后右下角会显示「Pug」），把显示的名称小写后放在方括号里即可，确保配置精准生效。

内容的提问来源于stack exchange，提问作者Cristian Tr