.prettierrc.js

/** @type {import("@ianvs/prettier-plugin-sort-imports").PrettierConfig} */

module.exports = {
  plugins: ['@ianvs/prettier-plugin-sort-imports', 'prettier-plugin-tailwindcss'],
  tailwindConfig: './tailwind.config.js',
  tailwindFunctions: ['cn', 'cva', 'clsx'],
  tailwindAttributes: ['hover-class', 'placeholder-class'],
  arrowParens: 'avoid', // 箭头函数只有一个参数的时候可以忽略括号
  bracketSpacing: true, // 括号内部不要出现空格
  endOfLine: 'lf', // 行结束符使用 Unix 格式
  jsxBracketSameLine: false, // 在jsx中把'>' 是否单独放一行
  jsxSingleQuote: false, // jsx 属性使用双引号
  printWidth: 140, // 行宽
  proseWrap: 'preserve', // 换行方式
  semi: true, // 句尾添加分号
  singleQuote: true, // 使用单引号
  tabWidth: 2, // 缩进
  useTabs: false, // 使用空格缩进
  trailingComma: 'es5', // 在对象或数组最后一个元素后面是否加逗号（在ES5中加尾逗号）
  bracketSpacing: true, // 在对象，数组括号与文字之间加空格
  semicolons: true, // 在语句末尾打印分号
  importOrder: [
    '<THIRD_PARTY_MODULES>',
    '^@/components/(.*)$',
    '',
    '^@/hooks',
    '^@/utils',
    '^@/store/(.*)$',
    '^@/utils/(.*)$',
    '^@/service/(.*)$',
    '',
    '^@/constants/(.*)$',
    '^@/assets/(.*)$',
    '^[./]',
  ],
  importOrderBuiltinModulesToTop: true,
  importOrderCaseInsensitive: true,
  importOrderParserPlugins: ['typescript', 'jsx', 'decorators-legacy'],
  importOrderMergeDuplicateImports: true,
  importOrderCombineTypeAndValueImports: true,
  importOrderSeparation: false,
  importOrderSortSpecifiers: true,
};