Tawa eslint config

使用

先移除项目中 eslint、prettier、typescript 相关的依赖，以避免依赖包冲突。

安装

# javascript 项目
yarn add -D eslint @tawa/eslint-config-tawa prettier

# typescript 项目
yarn add -D eslint @tawa/eslint-config-tawa prettier typescript

配置

项目的配置

在项目的 package.json 中添加 eslintConfig 和 prettier 配置项

package.json eslintConfig

• javascript 项目

{
  "eslintConfig": {
    "extends": ["@tawa/eslint-config-tawa"]
  }
}

• typescript 项目

{
  "eslintConfig": {
    "extends": ["@tawa/eslint-config-tawa/ts"]
  }
}

package.json prettier

{
  "prettier": {
    "printWidth": 120,
    "singleQuote": true,
    "trailingComma": "all"
  }
}

VSCode 配置

1、安装插件

• eslint
• prettier

2、修改配置

# VS Code settings.json 示例，可根据个人喜好修改配置
{
  // 自动保存
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 2000,
  // 保存时格式化
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  // 保存时执行动作
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
}

# 自动保存时 OnSave 不会触发，需要格式化时，可手动 command + s 保存触发。