【Nuxt系列文章】Nuxt3如何更优雅的使用ESLint?

明志刘明

于 2024-05-16 23:03:17 发布

阅读量479

点赞数 4

分类专栏： Nuxt 文章标签： vue.js 前端框架

本文链接：https://blog.csdn.net/weixin_42553583/article/details/138977277

版权

3 篇文章 0 订阅

订阅专栏

前言

大家好，我是刘明，十年创业老兵，开源技术爱好者。
之前我写了一些关于Nuxt3的技术文章，有些同学很感兴趣。这里做个汇总，大家可以直接点击链接查看。

上面这几篇文章都是去年写的，今年写的少了一点。目前Nuxt已经更新到了3.11，生产环境中非常稳定了，官方主要工作转向提升开发体验。
在这里插入图片描述

最近，官方推出了Nuxt3专用的ESLint模块。这次的ESLint模块是一个整合，将之前功能零碎的ESLint包整合到一起，使用起来更方便，并且支持最新的ESLint V9.使用起来很简单，方法如下：

npx nuxi module add eslint

# esling.config.js
import nuxt from '@nuxt/eslint-config/flat'

export default nuxt({
  features: {
    stylistic: true
  }
})

这样就可以使用了。当然，如果你有个人自定义配置，还需要自己单独进行配置。这里给两个链接大家进行学习参考：

在跟一些朋友交流过程中知道，有些入门不久的前端同学还不喜欢使用ESLint。在这里我想说，在生产项目和团队协作中，用了ESLint就知道它的好，既可以检查错误，也可以强制性的养成好的编程习惯。因此还是强烈建议大家学习。

我是刘明，十年创业老兵，开源技术爱好者。无论你是交流学习，还是有开发需求，欢迎私信联系。
有问题，找老刘

关注