相关疑难解决方法(0)

如何在 VS 代码中阻止 Prettier 将属性拆分为多行?

我在 VS Code 中使用 prettier 来格式化我的代码,但我真的不喜欢它的方式。

我的主要问题是它将属性拆分为多行。

<input
    type="checkbox"
    name="asiaNews"
    id="asiaNews"
    value="asiaNews"
/>
Run Code Online (Sandbox Code Playgroud)

我更喜欢它看起来像这样

<input type="checkbox" name="asiaNews" id="asiaNews" value="asiaNews" />
Run Code Online (Sandbox Code Playgroud)

我在文档或 SO 上找不到任何内容

如何防止 VS Code 将长 HTML 行分成多行?

有没有办法做到这一点或我可以使用不同的工具,以便我可以拥有适合我的感受的自定义格式规则?

html formatting visual-studio-code prettier

28
推荐指数
8
解决办法
1万
查看次数

防止 Prettier 在 Visual Studio Code 中将单行对象声明转换为多行?

我安装了更漂亮的扩展,我的 json 对象定义现在在格式化后断行。我怎样才能避免它?我想保留内联对象声明。

例如,在格式化之前:

  "properties": {
    "d0":  {"type":"boolean","default":false},
    "d1":  {"type":"boolean","default":false},
    "d2":  {"type":"boolean","default":false},
    "d3":  {"type":"boolean","default":false},
    "d4":  {"type":"boolean","default":false},
    "d5":  {"type":"boolean","default":false},
    "d6":  {"type":"boolean","default":false},
    "d7":  {"type":"boolean","default":false},
    "d8":  {"type":"boolean","default":false},
    "d9":  {"type":"boolean","default":false}
  }
Run Code Online (Sandbox Code Playgroud)

格式化后:

  "properties": {
    "d0": {
      "type": "boolean",
      "default": false
    },
    "d1": {
      "type": "boolean",
      "default": false
    },
    "d2": {
      "type": "boolean",
      "default": false
    },
    "d3": {
      "type": "boolean",
      "default": false
    },
    "d4": {
      "type": "boolean",
      "default": false
    },
    "d5": {
      "type": "boolean",
      "default": false
    },
    "d6": {
      "type": "boolean",
      "default": false
    },
    "d7": …
Run Code Online (Sandbox Code Playgroud)

visual-studio-code prettier

8
推荐指数
1
解决办法
3099
查看次数

标签 统计

prettier ×2

visual-studio-code ×2

formatting ×1

html ×1