005、Vue3 + Vite + TypeScript + Element-Plus，第一个后台管理项目走向第5步：ESLint+Prettier+Stylelint+EditorConfig 配置

一、前言

通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来全方位约束和统一前端代码规范，ESLint 可组装的JavaScript和JSX检查工具，目标是保证代码的一致性和避免错误

本文档大部分参考了【vue3-element-admin】ESLint+Prettier+Stylelint+EditorConfig 约束和统一前端代码规范_stylelint-config-recommended-优快云博客

 主要是学习过程中记录一下过程

二、ESLint 

安装插件

VSCode 插件市场安装插件

代码安装 ESLint 依赖

pnpm install eslint -D 

 ESLint 配置(.eslintrc.cjs)

执行命令完成 ESLint 配置初始化

npx eslint --init

 ESLint 解析器配置，加上"parser": "vue-eslint-parser",

ESLint 忽略配置(.eslintignore) 

新建 .eslintignore 文件，添加忽略文件， ESLint 校验会忽略这些文件

dist

node_modules

public

.husky

.vscode

.idea

*.sh

*.md

src/assets

.eslintrc.cjs

.prettierrc.cjs

.stylelintrc.cjs

 ESLint 检测指令

package.json scripts 部分添加 eslint 检测指令

  "scripts": {
    "lint:eslint": "eslint \"src/**/