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

Question

使用option + command + L无法格式化.vue<中的less代码 文件完全在 WebStorm 中。

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

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

Answer 1

后来我找到了解决办法:

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

其次，添加 rel="stylesheet/less"属性(property)给<script> :

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

然后格式化它会工作的文件。