pnpm i -D @ghlandy/prettier-config prettier
pnpm i -D prettier-plugin-organize-imports typescript prettier-plugin-packagejson
pnpm i -D @volar/vue-typescript # 格式化 .vue 文件内的 import 时需要

在 prettier 配置文件 (.prettierrc.cjs 或 .prettierrc.js) 中引入使用

const config = require('@ghlandy/prettier-config');

module.exports = {
  ...config,
};

配置详细

module.exports = {
  printWidth: 100,
  tabWidth: 2,
  useTabs: false,
  semi: true,
  singleQuote: true,
  quoteProps: 'as-needed',
  jsxSingleQuote: false,
  trailingComma: 'all',
  bracketSpacing: true,
  bracketSameLine: false,
  arrowParens: 'always',
  htmlWhitespaceSensitivity: 'ignore',
  vueIndentScriptAndStyle: false,
  endOfLine: 'lf',
  plugins: ['prettier-plugin-organize-imports', 'prettier-plugin-packagejson'],
};

prettier-plugin-organize-imports 自动排序 import (需要 typescript 依赖包)

.vue 文件里边的自动排序 import，还需要按 @volar/vue-typescript

prettier-plugin-packagejson 自动排序 JSON