问题

webstorm显示缩进正常

gitlab显示不正常

解决

.prettierrc.js

module.exports = {
  printWidth: 100,
  tabWidth: 2,
  useTabs: false, //设置为false 不使用tab作为缩进符
  semi: true,
  vueIndentScriptAndStyle: true,
  singleQuote: true,
  quoteProps: 'as-needed',
  bracketSpacing: true,
  trailingComma: 'all',
  jsxSingleQuote: false,
  arrowParens: 'always',
  insertPragma: false,
  requirePragma: false,
  proseWrap: 'never',
  htmlWhitespaceSensitivity: 'ignore',
  endOfLine: 'lf',
};