# @denaro-config/eslint-config-vue

> :tada: 前端工程化中的 vue3 项目通用配置, 严格遵守 eslint-plugin-vue 官网推荐的风格规范。

![npm (scoped)](https://img.shields.io/npm/v/%40denaro-config/eslint-config-vue3)
![NPM](https://img.shields.io/npm/l/%40denaro-config%2Feslint-config-vue3)

![GitHub repo size](https://img.shields.io/github/repo-size/denaro-org/frontend-engineering-config)
![GitHub Repo stars](https://img.shields.io/github/stars/denaro-org/frontend-engineering-config)
![GitHub issues](https://img.shields.io/github/issues/denaro-org/frontend-engineering-config)
![GitHub top language](https://img.shields.io/github/languages/top/denaro-org/frontend-engineering-config)

![npm](https://img.shields.io/npm/dw/%40denaro-config/eslint-config-vue3)
![jsDelivr hits (npm scoped)](https://img.shields.io/jsdelivr/npm/hd/%40denaro-config%2Feslint-config-vue3)

## 参考官网地址

> - [eslint](https://eslint.org/)
> - [eslint-plugin-vue](https://eslint.vuejs.org/)
> - [Vue.js](https://v3.cn.vuejs.org/)

## 安装至您的项目

```bash
npm install -D @denaro-config/eslint-config-vue3
# or
pnpm install -D @denaro-config/eslint-config-vue3
# or
yarn add -D @denaro-config/eslint-config-vue3
```

## 使用

在项目根目录下创建 `.eslintrc.js` 文件, 参考配置内容如下：

```js
module.exports = {
    extends: ['@denaro-config/eslint-config-vue3']
}
```

你也可以在配置中省略 `eslint-config`：

```js
module.exports = {
    extends: ['@denaro-config/vue3']
}
```

## 结合 commitlint 使用

> 参考 [commitlint](../commitlint/README.md)

## 结合 cz-git 使用

> 参考 [cz-git](../cz-git/README.md)

## 结合 prettier 使用

> 参考 [prettier](../prettier/README.md)