My personal ESLint config ( 我的 ESLint 配置 )
- 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
包含的文件 )
- 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 插件 )
pnpm i -D @fzf404/eslint-config
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",
],
}