custom eslint rules

install

npm i eslint-config-hsss eslint -D
or
yarn add eslint-config-hsss eslint -D
or
pnpm install eslint-config-hsss eslint -D

usage

• js:

module.exports = {
  extends: [ 'hsss' ]
}

• ts:

module.exports = {
  extends: [ 'hsss/ts' ]
}

• vue3:

module.exports = {
  extends: [ 'hsss/vue3' ]
}

• vue3-ts:

module.exports = {
  extends: [ 'hsss/vue3-ts' ]
}

vscode

1. 安装 eslint 插件
2. 工作区配置（settings.json）无使用 prettier

{
  // eslint格式化开启
  "eslint.format.enable": true,
  // 保存时格式化
  "editor.formatOnSave": true,
  // 代码保存时修复
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  // 格式化风格
  // 配置对 .vue 文件的格式化
  "[vue]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[json]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  }
}

有使用 prettier

{
  // 编译器保存时格式化
  "editor.formatOnSave": true,

  // 启动eslint校验
  "eslint.enable": true,

  // 编译器默认使用prettier格式化
  "editor.defaultFormatter": "esbenp.prettier-vscode",

  //针对共用的语言如JS、TS、VUE和JSX关闭文件保存自动格式化功能，通过eslint来做这件事
  "[javascript]": {
    "editor.formatOnSave": false
  },
  "[javascriptreact]": {
    "editor.formatOnSave": false
  },
  "[typescript]": {
    "editor.formatOnSave": false
  },
  "[vue]": {
    "editor.formatOnSave": false
  },

  // 编译器保存时
  "editor.codeActionsOnSave": {
    // 用eslint修复代码
    "source.fixAll.eslint": true
  }
}