You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在VSCode的settings.json中为不同语言配置独立的Prettier规则?

解决VSCode中Prettier针对HTML和MD文件设置不同缩进的问题
  • 打开VSCode的settings.json配置文件:
    按下Ctrl+,(Windows/Linux)或Cmd+,(Mac)打开设置面板,点击右上角的{}图标进入纯文本编辑模式。

  • 添加文件类型专属配置:
    在settings.json中,通过[html]和[markdown]字段分别为两种文件类型指定Prettier的缩进参数,示例配置如下:

    {
      // 全局默认缩进(可根据Markdown需求设置)
      "prettier.tabWidth": 2,
      // 仅HTML文件使用4空格缩进
      "[html]": {
        "prettier.tabWidth": 4
      },
      // Markdown文件单独指定缩进(也可省略,直接继承全局设置)
      "[markdown]": {
        "prettier.tabWidth": 2
      }
    }
    
  • 配置原理:
    VSCode支持按文件类型(语言ID)覆盖全局配置,[html]和[markdown]对应的配置优先级高于全局设置,Prettier会读取当前文件类型下的专属参数执行格式化。

内容的提问来源于stack exchange,提问作者肉蛋充肌

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.20 16:09:26