prettier.config.js

// prettier.config.js
/**
 * 参考 https://prettier.io/docs/en/options.html
 */
module.exports = {
  // plugins: [require('prettier-plugin-tailwindcss')],
  // tailwindConfig: './tailwind.config.js',
  tabWidth: 2, // 空格数
  useTabs: false, // 是否开启tab
  printWidth: 150, // 换行的宽度
  semi: false, // 是否在语句末尾打印分号
  singleQuote: true, // 是否使用单引号
  quoteProps: 'as-needed', // 对象的key仅在需要时用引号 as-needed|consistent|preserve
  trailingComma: 'all', // 多行时尽可能打印尾随逗号 |all|es5|none
  rangeStart: 0, // 每个文件格式化的范围是文件的全部内容
  bracketSpacing: true, // 对象文字中的括号之间打印空格
  jsxSingleQuote: true, // 在JSX中是否使用单引号
  bracketSameLine: false, // 将HTML元素的闭括号放在最后一行的末尾（不适用于自闭合元素）。
  arrowParens: 'always', // 箭头函数，只有一个参数的时候，也需要括号 always|avoid
  htmlWhitespaceSensitivity: 'ignore', // html中换行规则 css|strict|ignore,strict会强制在标签周围添加空格
  vueIndentScriptAndStyle: false, // vue中script与style里的第一条语句是否空格
  singleAttributePerLine: false, // 每行强制单个属性
  endOfLine: 'lf', // 换行符
  proseWrap: 'never', // 当超出print width时就折行 always|never|preserve .md文件?
  embeddedLanguageFormatting: 'auto',
}

// 文件中忽略格式化的方式

// html
// <!-- prettier-ignore -->

// js
// // prettier-ignore

// css
// /* prettier-ignore */

// markdown
// <!-- prettier-ignore -->
// <!-- prettier-ignore-start -->
// <!-- prettier-ignore-end -->

// YAML
// # prettier-ignore

// JSX
// {/* prettier-ignore */}

// cli
// prettier --ignore-path .gitignore --write .
// prettier --write . '!**/*.{js,jsx,vue}'