在选型初期选择了配置简洁的prettier,但是进入代码测试环节发现有个问题,无法解决。
prettier的printWidth属性默认值为80,不写就是80,写的话感觉写多少都不合适。
比如有两个组件,如果设置为160:
假设第一个为162,大于160则属性可以换行;第二个不到160,这会强制变成一行显示。
这个值设置为多少合适,没法界定,过度的换行会导致代码阅读困难,不换行也是。
因只是修改对象内的空额等格式,最后使用了 vscode原生的format配置项,对javascript和typescript 及html做了相应配置;
缺点:自闭合标签前的空格没法配置删除,安装了 auto close tag插件并配置了配置项,但是不起作用。唯一能起作用的是关闭 typescript.format.enable/javascript.format.enable,这会导致typescript和javascript的format全部失效...所以不可行。
让webstrom用户适配一下就快得多,哈哈。