Lint

EditorConfig

• 配置文件：.editorconfig，配置项参考 EditorConfig。

[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue}]
charset = utf-8
indent_size = 2
indent_style = space
insert_final_newline = true
trim_trailing_whitespace = true
# end_of_line = lf

[*.md]
trim_trailing_whitespace = false

Prettier

提示

• Prettier 配置
• Playground

1. 安装依赖

pnpm install -D prettier

2. 配置文件

{
  "$schema": "https://json.schemastore.org/prettierrc",
  "arrowParens": "always",
  "bracketSameLine": false,
  "bracketSpacing": true,
  "embeddedLanguageFormatting": "auto",
  "experimentalTernaries": false,
  "htmlWhitespaceSensitivity": "ignore",
  "insertPragma": false,
  "jsxSingleQuote": false,
  "printWidth": 120,
  "proseWrap": "preserve",
  "quoteProps": "consistent",
  "requirePragma": false,
  "semi": false,
  "singleAttributePerLine": false,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "all",
  "useTabs": false,
  "vueIndentScriptAndStyle": false
}

3. 添加脚本

{
  "scripts": {
    "format": "prettier --write src/"
  }
}

ESLint

提示

• ESLint 配置
• Playground

ts + prettier

1. 安装依赖

pnpm install -D eslint eslint-plugin-vue @vue/eslint-config-prettier @vue/eslint-config-typescript

2. 配置文件

import pluginVue from 'eslint-plugin-vue'
import vueTsEslintConfig from '@vue/eslint-config-typescript'
import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'

export default [
  {
    name: 'app/files-to-lint',
    files: ['**/*.{ts,mts,tsx,vue}'],
  },

  {
    name: 'app/files-to-ignore',
    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
  },

  ...pluginVue.configs['flat/essential'],
  ...vueTsEslintConfig(),
  skipFormatting,
]

3. 添加脚本

{
  "scripts": {
    "lint": "eslint . --fix"
  }
}

Browserslist

• 配置文件：.browserslistrc，配置项参考 Browserslist。

> 0.5%
last 2 versions
Firefox ESR
not dead