Nevercome
Nevercome
  • 发布:2020-03-26 12:59
  • 更新:2020-03-27 08:18
  • 阅读:2684

HBuildX自动格式化代码对Vue文件attribute 没有换行处理

分类:HBuilderX

Vue的风格指南-代码规范里面明确说了B级规则(强烈推荐):多个 attribute 的元素应该分多行撰写,每个 attribute 一行。

而HbuildX的自动格式化代码却是变成长长的一整行。

是可以配置我却没有找到,还是没有实现这类功能呢。

因为这一点已经影响到了我是否要换一个编辑工具来写Vue工程的代码。

2020-03-26 12:59 负责人:无 分享
已邀请:
DCloud_HB_WDL

DCloud_HB_WDL

首先,请检查是否已安装格式化插件。(菜单【工具】【插件安装】,安装prettier插件)

虽然推荐,多个 attribute 的元素应该分多行撰写,也应该区分具体的情况。

HBuilderX的格式化插件,有此功能。
格式化是否换行,跟printWidth的值有关(菜单【工具】【插件配置】【formator-prettier】,点击prettier.config.js),可以将printWidth值改小点,比如120。

示例

不适合多行的情况

比如下图,多次引入一个插件

在日常编码中,关键是保持良好的编码习惯。

该问题目前已经被锁定, 无法添加新回复