- npm install --save-dev eslint prettier eslint-config-prettier eslint-plugin-prettier
- npm i -d eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin
- npm i -g prettier eslint-config-prettier eslint-plugin-prettier
- vscode 安装相关插件
- .prettierrc
{
"singleQuote": true,
"semi": false,
"trailingComma": "all",
"arrowParens": "always",
"printWidth": 120,
"bracketSpacing": false,
"jsxBracketSameLine": true,
"insertPragma": true,
"tabWidth": 4,
"useTabs": false
}
- .eslintrc
{
"env": {
"browser": true,
"node": true,
"es6": true
},
"parserOptions": {
"parser": "@typescript-eslint/parser", //定义ESLint的解析器
"sourceType": "module",
"ecmaVersion": 2019
},
"extends": ["prettier", "plugin:@typescript-eslint/recommended", "prettier/@typescript-eslint",
"plugin:prettier/recommended"],
"plugins": ["prettier", "@typescript-eslint"],
"rules": {
"prettier/prettier": "error",
"prefer-arrow-callback": "off",
"semi": [2, "never"]
}
}
- 参考