无法在 WebStorm 中完全格式化 `.vue` 文件中的 `less` 代码

Can not format the `less` code in `.vue` file exactly in WebStorm

使用选项 + 命令 + L无法格式化less .vue 文件中的代码完全在 WebStorm 中。

你看上面的快照,它的格式类似于 css.tag-model-mask 块代码应该缩进更多 2 个空格。

下面是缩进的设置,我也不认为这会影响.vue文件。

后来我找到了解决办法:

首先配置 Preferences-> Editor -> Code Style -> Less,我这样做了:

其次,将rel="stylesheet/less" 属性添加到<script>

<style lang="less" rel="stylesheet/less">

然后格式化文件即可。