@dbappsecurity/prettier-config-standard

在Petruzzelli/prettier-config-standard基础配置上添加/覆盖了较强的校验规则。

安装

yarn add prettier @dbappsecurity/prettier-config-standard -D

配置

在项目根目录创建 .prettierrc.js ，然后添加：

module.exports = '@dbappsecurity/prettier-config-standard';

其他文件后缀的默认配置文件按照对应格式配置。

使用

在实际项目中，建议配合 ESLint 和 Stylelint 使用：

配合 ESLint 使用

1. 首先安装插件

   yarn add eslint-plugin-prettier eslint-config-prettier -D

2. 配置 .eslintrc.js，增加 extends：

   module.exports = {
      // ...
      extends: [
          // ...
          'plugin:prettier/recommended', // 解决与 ESLint 的规则冲突
      ],
      rules: {
          'prettier/prettier': ['error'], // 打开 Prettier 校验
          // ...
      },
      // ...
   };

   extends 中的规则会由后往前覆盖，使用 plugin:prettier/recommended，则必须把它放到最后，以解决 ESLint 和 Prettier 规则冲突。

配合 Stylelint 使用

1. 首先安装插件

   yarn add stylelint-config-prettier -D

2. 配置 .stylelintrc.js，增加 extends：

   module.exports = {
      // ...
      extends: [
          // ...
          'stylelint-config-prettier', // 解决与 Stylelint 的规则冲突
      ],
      rules: {
          'prettier/prettier': true, // 打开 Prettier 校验
          // ...
      },
      // ...
   };

   extends 中的规则会由后往前覆盖，使用 stylelint-config-prettier，则必须把它放到最后，以解决 Stylelint 和 Prettier 规则冲突。