Question

我通常使用SCSS。但是，现在我必须使用LESS，我用来格式化SCSS的扩展不适用于LESS。我想问你，你是否可以帮我找到Visual Studio Code的优秀格式化程序扩展或帮助我以正确的方式设置选项。如果它适用于.editorconfig文件，那将是最好的。

例如，我试过这个：https://github.com/tierratelematics/code-beautifier具有这样的VSCode设置：

// Tab options
  "beautify.options": {
    "indent_size": 2,
    "indent_char": " ",
    "indent_with_tabs": false,
    "selector-separator-newline": true,
    "newline-between-rules": true
  },
// Tab Size
  "beautify.tabSize": 2,

beautify.tabSize有效，但没有其他任何效果。

或者您是否愿意建议我对所有HTML，JS使用这种大格式扩展https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify？即使它没有说它支持LESS文件，我仍然认为它可以与LESS一起使用？

我很好奇你的经历。感谢。

Answer 1

您可以尝试

"beautify.options": {
    "css": {
        "newline_between_rules": true,
        "end_with_newline": true,
    },
},

和某些配置可能对于包装的LESS无效。（例如newline_between_rules）。

在编辑配置后需要重新启动VSCode。

还有样式格式化程序：https://marketplace.visualstudio.com/items?itemName=dweber019.vscode-style-formatter

用于Visual Studio Code的LESS格式化程序

1 个答案: