---
title: "代码风格"
description: "Nuxt 原生支持 ESLint"
canonical_url: "https://nuxt.zhcndoc.com/docs/3.x/guide/concepts/code-style"
---
# 代码风格

> Nuxt 原生支持 ESLint

## ESLint

Nuxt 推荐的做法是使用 [`@nuxt/eslint`](https://eslint.nuxt.com/packages/module) 模块来启用 ESLint 支持，该模块将为你设置项目感知的 ESLint 配置。

::callout{icon="i-lucide-lightbulb"}
该模块设计用于 [新的 ESLint 扁平配置格式](https://eslint.org/docs/latest/use/configure/configuration-files-new)，这是 [ESLint v9 起的默认格式](https://eslint.org/blog/2024/04/eslint-v9.0.0-released/)。如果你使用的是传统的 `.eslintrc` 配置，则需要使用 [`@nuxt/eslint-config` 手动配置](https://eslint.nuxt.com/packages/config#legacy-config-format)。我们强烈建议你迁移到扁平配置以保证未来兼容性。
::

## 快速设置

```bash
npx nuxt module add eslint
```

启动你的 Nuxt 应用，项目根目录下会生成一个 `eslint.config.mjs` 文件，你可以根据需要进行自定义。

你可以在 [Nuxt ESLint 文档](https://eslint.nuxt.com/packages/module) 中了解更多关于该模块和自定义的内容。


## Sitemap

See the full [sitemap](https://nuxt.zhcndoc.com/sitemap.md) for all pages.