# eslint-config-custom-chl

**Repository Path**: happychl/eslint-config-custom-chl

## Basic Information

- **Project Name**: eslint-config-custom-chl
- **Description**: 依据个人习惯定制的eslint配置
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-03-13
- **Last Updated**: 2023-03-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# `eslint-config-custom-chl`

> 依据个人习惯定制的 `eslint` 配置

## 安装

```bash
yarn add eslint-config-custom-chl -D
```

### 相关依赖安装

```bash
yarn add @babel/core@^7.16.0 @babel/eslint-parser@^7.16.3 eslint@^8.2.0 -D
```

### `vue`项目依赖升级

```bash
yarn add eslint-plugin-vue -u
```

## 配置

### `.eslintrc.js`

```js
// 一般项目
module.exports = {
  extends: ['custom-chl'],
};

// vue2项目
module.exports = {
  extends: ['custom-chl/vue'],
};

// vue3项目
module.exports = {
  extends: ['custom-chl/vue3'],
};
```

## `settings.json` - `vscode`

```json
{
  // eslint配置
  "eslint.enable": true,
  "eslint.validate": ["vue", "html", "javascript", "typescript"],

  // 文件保存时自动修复（并不能修复所有问题，有些还是需要手动修复）
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}
```