【ESLint】在 TypeScript + Vue 项目中配合 Prettier 使用 ESLint

作者：System 时间：2024年08月16日分类：所有,typescript 字数：658

这篇文章距离上次修改已过268天，其中的内容可能已经有所变动。

module.exports = {
  root: true,
  parser: 'vue-eslint-parser',
  parserOptions: {
    parser: '@typescript-eslint/parser',
    sourceType: 'module'
  },
  extends: [
    'plugin:vue/vue3-recommended',
    'plugin:@typescript-eslint/recommended',
    'prettier/@typescript-eslint',
    'plugin:prettier/recommended'
  ],
  rules: {
    // 在这里添加或覆盖 ESLint 规则
  }
};

这个配置文件为 TypeScript 和 Vue 项目设置了 ESLint，并且整合了 Prettier 来统一代码风格。它首先指定了项目根目录，然后指定了解析器为 vue-eslint-parser 和 @typescript-eslint/parser，以正确解析 .vue 文件和 TypeScript 代码。接着，它扩展了几个推荐的 ESLint 插件规则列表，分别对应 Vue 3、TypeScript 和 Prettier 整合。最后，可以在 rules 对象中自定义或覆盖规则。

【ESLint】在 TypeScript + Vue 项目中配合 Prettier 使用 ESLint

评论已关闭

推荐阅读