前端Prettier配置规范书.docVIP

前端Prettier配置规范书

一、Prettier基础配置项详解

1.代码格式化核心规则

printWidth：设置代码换行的最大长度，默认值为80。在实际项目中，可根据团队习惯调整为100或120，例如在Vue项目中，由于模板标签嵌套较深，适当增大该值可减少不必要的换行。

tabWidth：指定缩进的空格数，默认值为2。React项目通常保持默认，而一些后端转前端的开发者可能更习惯4个空格的缩进，需团队统一约定。

useTabs：是否使用制表符（Tab）代替空格缩进，默认值为false。建议保持默认，因为不同编辑器对Tab的显示宽度可能不同，使用空格可保证代码在不同环境下的一致性。

semi：是否在语句末尾添加分号，默认值为true。虽然JavaScript允许省略分号，但添加分号可避免一些潜在的语法错误，如自动分号插入（ASI）导致的意外行为。

singleQuote：是否使用单引号代替双引号，默认值为false。在React项目中，JSX语法要求使用双引号，但在JavaScript代码中，使用单引号可减少转义字符的使用，例如包含双引号的字符串。

quoteProps：控制对象属性引号的添加方式，可选值为as-needed、consistent和preserve。as-needed仅在必要时添加引号，consistent统一添加引号，preserve保留原始引号。推荐使用a