Vscode,Prettier,ESLint配置及注释

{
	/*  prettier的配置 */
	"prettier.printWidth": 90, // 超过最大值换行
	"prettier.tabWidth": 2, // 缩进字节数
	"prettier.useTabs": false, // 缩进不使用tab，使用空格
	"prettier.semi": true, // 句尾添加分号
	// 使用单引号代替双引号,false 不替换
	"prettier.singleQuote": false,
	"[vue]": {
		"editor.defaultFormatter": "octref.vetur"
	},
	// 默认值。因为使用了一些折行敏感型的渲染器（如GitHub comment）而按照markdown文本样式进行折行
	"prettier.proseWrap": "preserve",
	//  (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号
	"prettier.arrowParens": "avoid",
	// 在对象，数组括号与文字之间加空格 "{ foo: bar }"
	"prettier.bracketSpacing": true,
	// 不格式化vue文件，vue文件的格式化单独设置
	"prettier.disableLanguages": ["vue"],
	// 结尾是 n r nr auto
	"prettier.endOfLine": "auto",
	//不让prettier使用eslint的代码格式进行校验
	"prettier.eslintIntegration": false,
	"prettier.htmlWhitespaceSensitivity": "ignore",
	// 不使用prettier格式化的文件填写在项目的.prettierignore文件中
	"prettier.ignorePath": ".prettierignore",
	// 在jsx中把'>' 是否单独放一行
	"prettier.jsxBracketSameLine": false,
	// 在jsx中使用单引号代替双引号
	"prettier.jsxSingleQuote": false,
	// 格式化的解析器，默认是babylon
	"prettier.parser": "babylon",
	// Require a 'prettierconfig' to format prettier
	"prettier.requireConfig": false,
	//不让prettier使用stylelint的代码格式进行校验
	"prettier.stylelintIntegration": false,
	// 在对象或数组最后一个元素后面是否加逗号（在ES5中加尾逗号）
	"prettier.trailingComma": "es5",
	// 不让prettier使用tslint的代码格式进行校验
	"prettier.tslintIntegration": false
}

{
    "printWidth": 100,
    "tabWidth": 2,
    "useTabs": false,
    "semi": false,
    "singleQuote": true,
    "trailingComma": "none",
    "arrowParens": "avoid",
    "endOfLine": "lf"
}

"no-alert": 0,//禁止使用alert confirm prompt
"no-array-constructor": 2,//禁止使用数组构造器
"no-bitwise": 0,//禁止使用按位运算符
"no-caller": 1,//禁止使用arguments.caller或arguments.callee
"no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量同名
"no-class-assign": 2,//禁止给类赋值
"no-cond-assign": 2,//禁止在条件表达式中使用赋值语句
"no-console": 2,//禁止使用console
"no-const-assign": 2,//禁止修改const声明的变量
"no-constant-condition": 2,//禁止在条件中使用常量表达式 if(true) if(1)
"no-continue": 0,//禁止使用continue
"no-control-regex": 2,//禁止在正则表达式中使用控制字符
"no-debugger": 2,//禁止使用debugger
"no-delete-var": 2,//不能对var声明的变量使用delete操作符
"no-div-regex": 1,//不能使用看起来像除法的正则表达式/=foo/
"no-dupe-keys": 2,//在创建对象字面量时不允许键重复 {a:1,a:1}
"no-dupe-args": 2,//函数参数不能重复
"no-duplicate-case": 2,//switch中的case标签不能重复
"no-else-return": 2,//如果if语句里面有return,后面不能跟else语句
"no-empty": 2,//块语句中的内容不能为空
"no-empty-character-class": 2,//正则表达式中的[]内容不能为空
"no-empty-label": 2,//禁止使用空label
"no-eq-null": 2,//禁止对null使用==或!=运算符
"no-eval": 1,//禁止使用eval
"no-ex-assign": 2,//禁止给catch语句中的异常参数赋值
"no-extend-native": 2,//禁止扩展native对象
"no-extra-bind": 2,//禁止不必要的函数绑定
"no-extra-boolean-cast": 2,//禁止不必要的bool转换
"no-extra-parens": 2,//禁止非必要的括号
"no-extra-semi": 2,//禁止多余的冒号

npm i -D eslint-config-prettier

{
    "extends": [
        "eslint:recommended",
        "plugin:vue/vue3-recommended",
        "prettier"
    ]
}

{
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": "explicit"
    },
    "eslint.validate": ["javascript", "typescript", "vue"]
}

{
    "scripts": {
        "format":       "prettier --write .",
        "format:check": "prettier --check .",
        "lint":         "eslint . --ext .js,.ts,.vue",
        "lint:fix":     "eslint . --ext .js,.ts,.vue --fix"
    }
}

jobs:
  check:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 20
          cache: pnpm
      - run: pnpm install
      - run: pnpm format:check
      - run: pnpm lint

npm i -D husky lint-staged
npx husky init
echo "npx lint-staged" > .husky/pre-commit

{
    "lint-staged": {
        "*.{js,ts,vue,jsx,tsx}": [
            "prettier --write",
            "eslint --fix"
        ],
        "*.{css,scss,less,json,md}": [
            "prettier --write"
        ]
    }
}