nuxt eslint
时间: 2023-09-01 20:07:37 浏览: 193
Nuxt.js 提供了内置的 ESLint 集成,使得在项目中使用 ESLint 非常容易。下面是一些步骤:
1. 安装依赖包
```bash
npm install --save-dev eslint eslint-loader
```
2. 创建 `.eslintrc.js` 文件
在项目根目录下创建 `.eslintrc.js` 文件,配置 ESLint 规则。例如:
```js
module.exports = {
root: true,
env: {
browser: true,
node: true,
},
extends: [
'@nuxtjs',
'plugin:nuxt/recommended',
],
plugins: [
],
// add your custom rules here
rules: {
'no-console': 'off',
'vue/html-closing-bracket-newline': ['error', {
'singleline': 'never',
'multiline': 'always'
}]
}
}
```
3. 在 `nuxt.config.js` 中配置 ESLint
```js
module.exports = {
buildModules: [
//...
'@nuxtjs/eslint-module'
],
eslint: {
fix: true,
}
}
```
最后在终端运行 `npm run dev` 时,ESLint 将自动检测和修复代码中的问题。你也可以运行 `npm run lint` 来手动检查代码。
阅读全文