@fzf404/eslint-config

My personal ESLint config ( 我的 ESLint 配置 )

Features ( 特性 )

• On-demand Import ( 按需引入 )
• Supports ESM ( 支持 ESM )
• Supports Vue 3 ( 支持 Vue 3 )
• Supports Nuxt 3 ( 支持 Nuxt 3 )
• Supports TypeScript ( 支持 TypeScript )
• Support UnoCSS sorting ( 支持 UnoCSS 排序 )
• Compatible with Prettier 3 ( 兼容 Prettier 3 )
• Support Import sorting ( 支持 Import 排序 )
• Support Import validation ( 支持 Import 验证 )
• Support Markdown formatting ( 支持 Markdown 格式化 )
• Support sorting of packge.json ( 支持 packge.json 排序 )
• Ignoring files contained in .gitignore ( 忽略 .gitignore 包含的文件 )

Plugins ( 插件 )

• eslint-gitignore - Git Ignore plugin ( .gitignore 插件 )
• eslint-plugin-vue - Vue plugin ( Vue 插件 )
• eslint-plugin-jsonc - JSON plugin ( JSON 插件 )
• eslint-plugin-import - Import validate ( Import 验证 )
• eslint-plugin-prettier - Prettier plugin ( Prettier 插件 )
• eslint-plugin-unicorn - Powerful ESLint rules ( 实用 ESLint 规则 )
• eslint-plugin-markdown - Markdown plugin ( Markdown 插件 )
• eslint-plugin-simple-import-sort - Import order ( Import 排序 )
• typescript-eslint - TypeScript plugin ( TypeScript 插件 )
• @nuxt/eslint-config - Nuxt plugin ( Nuxt 插件 )
• @unocss/eslint-config - UnoCSS plugin ( UnoCSS 插件 )

Install ( 安装 )

# npm
pnpm i -D @fzf404/eslint-config

Usage ( 使用 )

Edit package.json ( 编辑 package.json )

{
  "scripts": {
    "lint": "eslint --cache --fix .",
  },
  "eslintConfig": {
    "extends": ["@fzf404/eslint-config"],
  },
}

Edit Visual Studio Code Setting ( 编辑 Visual Studio Code 设置 )

{
  "editor.codeActionsOnSave": {
    "source.fixAll": "explicit",
  },
  "eslint.validate": [
    "vue",
    "html",
    "json",
    "jsonc",
    "markdown",
    "javascript",
    "typescript",
  ],
}