才发现 vscode 写 vue 无法格式化选中的代码。。。

[tanpengsccd]

感觉好难受啊。。。

[israinbow]

装 vuelint 啦.

[molvqingtai]

为什么会有这个需求呢，不都是整个文件格式化吗，难道一个 .vue 文件有多种格式？

[tanpengsccd]

@israinbow 我康康。

@molvqingtai 因为我的习惯的话，数据字典少（ 3 对以内）我会不换行，多的话我会换行，一个格式化就全部乱了啊

[renhou]

你可以配置格式化规则老铁，换不换行，什么时候换行全听你的

[RickyC]

先全局格式化,
然后复制特定的部分,
然后撤销全局格式化,
然后粘贴覆盖指定区域

[binaryify]

我的理解是 vue 文件比较特殊，一个 vue 文件里面包含不同语言部分，所以格式化不知道用哪个工具格式化

[wu67]

@molvqingtai 你是没经历过改别人的代码吗....有时候一个文件好几个人改过, 几种风格, 又不想动无关区域的代码, 只想格式化自己改的那部分, 不然提交 review 的时候又一堆不相干的红红绿绿

[xuxuzhaozhao]

@RickyC #5 我就是这样操作的，哈哈

[renhou]

@wu67
你好老铁，你说的这种情况怎么发生的？
假如团队有格式约定：那么文件应该是按照统一格式来格式化
假如团队没有格式约定：那么为什么要单独格式化自己的部分，就因为看着不舒服嘛

[wu67]

@lian704 就是因为没有规范. eslint 也是用的宽松约束, 导致在这个约束之下, 每个人都衍生了自己的风格...

那其他人不管就算了, 你自己写的, 也不格式化吗, 那岂不是自己也写出 n 种风格...自己改的那块代码都看着不舒服还不够你去格式化?

[RealJacob]

@tanpengsccd 格式化规则这东西不是自己配的么

[daliusu]

@binaryify 其实是知道的啊，eslint 就可以格式化，prettier 也可以吧，但是这都是格式化一个文件的，格式化一个片段应该要插件和编辑器本身支持

[binaryify]

@daliusu 我意思就是这个

[Bingchunmoli]

@tanpengsccd +1 我用 webstorm 。。 因为主用 idea 所以自己弄规则熟一点

[Bingchunmoli]

@lian704 自己有强迫症，自己遵循规范，团队无约定，有新手有老手，新手一顿乱写。 所以只格式化自己的防止 git 合并冲突

[yiqiao]

@molvqingtai 看来老哥没经历过屎山项目，有时候全局格式后代码跑步起来。

[nicktogo]

@lian704 实际中，代码格式并没有一开始就完整建立起来，在慢慢地演化和统一。dev infra 做得好的话，会在格式变化的时候统一格式化全部代码。否则后来修改代码的人全局格式化就会引入不相关修改，干扰 code review ，甚至把 blame 弄得牛头不对马嘴。

[jokeopps]

配置 eslit ，保存自动格式化， 而且针对， 对象 key 不超过 3 个不换行也是可以配置的

[lujiaosama]

@yiqiao 直接格式化跑不起来没试过. 但是格式化后代码会产生冲突, 然后解决冲突的过程中把代码改炸了然后跑不起来试过. 多人协作的时候我都不敢随便全局格式化, 只能难看就难看吧.

[tanpengsccd]

@jokeopps @lian704 感谢老哥，我找到了。 给新手参考一下。
相关规则见 https://eslint.vuejs.org/rules/max-attributes-per-line.html#vue-max-attributes-per-line
https://telegra.ph/file/2f171265ed55351b10d98.png