需要配合prettier一起使用

prettier规范（持续更新）

  1. module.exports = {
  2.   root: true,
  3.   extends: ['standard-vue-ts'],
  4.   globals: {
  5.     __isBrowser__: 'readonly',
  6.   },
  8.   rules: {
  9.     'no-tabs': 'off',
  10.     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
  11.     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
  12.     'vue/html-self-closing': [
  13.       'error',
  14.       {
  15.         html: {
  16.           void: 'always',
  17.           normal: 'any',
  18.           component: 'any',
  19.         },
  20.         svg: 'always',
  21.         math: 'always',
  22.       },
  23.     ],
  24.     'comma-dangle': 0, // 使用尾随逗号
  25.     'space-before-function-paren': 0, // 函数名后禁止加空格
  26.     '@typescript-eslint/space-before-function-paren': 0, // 函数名后禁止加空格，ts规则
  27.     'vue/no-v-html': 0, // 禁用v-html XSS防御提示
  28.     'vue/singleline-html-element-content-newline': 0, // 在单行元素的内容前后需要换行符
  29.     'vue/no-lone-template': 0, // 消除不必要的和潜在的混乱<template>
  30.     semi: [2, 'always'], // 语句末尾需要加分号
  31.     '@typescript-eslint/semi': 0, // 语句末尾需要加分号
  32.     // 成员分隔符样式，在本项目中统一使用分号隔开；
  33.     '@typescript-eslint/member-delimiter-style': [
  34.       'error',
  35.       {
  36.         multiline: {
  37.           delimiter: 'semi',
  38.           requireLast: true,
  39.         },
  40.         singleline: {
  41.           delimiter: 'semi',
  42.           requireLast: true,
  43.         },
  44.       },
  45.     ],
  46.   },
  47. };