HBuilder X 启用 prettier 设置

HBuilder X 启用 prettier 设置

1、安装 prettier 插件

2、配置 prettier ，项目根目录添加 prettier.config.js

// Prettier配置文档：https://prettier.io/docs/en/options.html
module.exports = {
  printWidth: 180,
  tabWidth: 2,
  useTabs: false,
  semi: true,
  singleQuote: true,
  quoteProps: 'as-needed',
  jsxSingleQuote: false,
  trailingComma: 'none',
  bracketSpacing: true,
  bracketSameLine: false,
  arrowParens: 'always',
  proseWrap: 'preserve',
  htmlWhitespaceSensitivity: 'ignore',
  vueIndentScriptAndStyle: false,
  endOfLine: 'lf',
  embeddedLanguageFormatting: 'auto',
  singleAttributePerLine: false,
  //自定义文件后缀对应的parser
  parsers: {
    '.js': 'javascript',
    '.nvue': 'vue',
    '.ux': 'vue',
    '.uvue': 'vue',
    '.uts': 'typescript'
  }
};

3、启用 prettier 配置 （可以在第 1 步的插件列表，点击 prettier 配置按钮快速进入配置）