PHPStorm等jetbrains编辑器仅格式化部分代码的实现

之前写Vue文件的时候，有一个需求，因为我写css代码时，喜欢连行写（大多数人习惯一句一换行的写法），因为经常使用到代码格式化（ctrl+shift+L）,格式化时，会将写好的css代码格式化为一句一行的写法，很影响体验。

一开始的时候，我是尝试想修改下idea编辑器默认的格式化规则，想让他帮我格式化为我需要的样式，但是折腾一圈没整好。后来转变思路，在想如何在格式化的时候不要格式化 style内部的代码。这个功能在PHPStorm，WEBStorm等jetbrains编辑器里是默认提供的功能，今天就分享下，以便和我有同样需求的小伙伴借鉴。

在设置中的代码样式里，jetbrains的IDE为我们提供了在代码注释中标记打开和关闭格式化的标签。将这个代码复制到我们不希望格式化的代码前，即可。也可以直接在新建文件模板的地方进行修改，如下：

直接在<style>标签之前加上：@formatter:off即可，因为vue的使用习惯是样式文件在最后面，所以，在结束标签</style>的后面，我们没必要再打开格式化开关了，如果你的<style>标签不在最后面，那么就还是需要加上：@formatter:on 打开代码格式化的开关的。

以上截图是在PHPStorm中截图的，在jetbrains的其他IDE里，如WebStorm、IntelliJ IDEA等编辑器里也是一致的。