初始化文件 eslintrc prettierrc gitignore

/// 生成一个空的package.json

npm init -y

///安装 eslint

npm install --save-dev eslint
node_modules\.bin\eslint --init

/// prettier

npm install --save-dev prettier
新建一个 .prettierrc 的文件

npm install --save-dev eslint-plugin-prettier eslint-config-prettier
在 .eslint.json 文件中的extends 添加   "plugin:prettier/recommended"

.eslintrc

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended",
        ["prettier"],
        ["plugin:prettier/recommended"]
    ],
    "parserOptions": {
        "ecmaVersion": 12,
        "sourceType": "module"
    },
// 要加上这个
    "plugins": ["prettier"],
    "rules": {
        "prettier/prettier": "error",
        "arrow-body-style": "off",
        "prefer-arrow-callback": "off"
      }

}

.gitignore

.DS_Store
Thumbs.db
db.json
*.log
node_modules/
dist
.deploy*/

# dependencies
# dependencies
/node_modules
yarn.lock

# IDEs and editors
/.idea
.project
.classpath
.c9/
*.launch
.settings/
*.sublime-workspace

# IDE - VSCode
.vscode/*
# !.vscode/settings.json
# !.vscode/tasks.json
# !.vscode/launch.json
# !.vscode/extensions.json

# misc
/.sass-cache
/connect.lock
/coverage
/libpeerconnection.log
npm-debug.log
testem.log
/typings

# e2e
/e2e/src/*.js
/e2e/src/*.map
/cypress/screenshots

.prettierrc

{
    "tabWidth": 2,
    "printWidth": 80,
    "singleQuote": false,
    "semi": true,
    "arrowParens": "always"
}