vue3+vite+ts配置eslint

最新推荐文章于 2024-05-20 14:01:28 发布

置顶林依.

最新推荐文章于 2024-05-20 14:01:28 发布

阅读量440

点赞数 2

分类专栏： eslint 文章标签： javascript vue.js 前端 typescript vue

本文链接：https://blog.csdn.net/qq_34065728/article/details/130111008

版权

eslint 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、安装 eslint

npm i eslint -D

2、初始化 eslint

npx eslint --init

选择配置

在这里插入图片描述

选择严格模式

在这里插入图片描述

使用什么模块

在这里插入图片描述

框架

在这里插入图片描述

是否使用ts

在这里插入图片描述

运行在浏览器还是node

在这里插入图片描述

选择样式风格

在这里插入图片描述

选择风格

在这里插入图片描述

配置文件格式

在这里插入图片描述

是否立即安装

在这里插入图片描述

安装方式

在这里插入图片描述

3、安装自动检测

npm i vite-plugin-eslint -D

4、eslint 配置

{
  "env": {
    "browser": true,
    "es2021": true
  },
  "extends": ["plugin:vue/vue3-recommended", "standard"],
  "overrides": [],
  "parser": "vue-eslint-parser",
  "parserOptions": {
    "ecmaVersion": "latest",
    "ecmaFeatures": {
      "modules": true
    },
    "parser": "@typescript-eslint/parser",
    "sourceType": "module",
    "requireConfigFile": false
  },
  "plugins": ["vue"],
  "rules": {
    "semi": [2, "never"]
  }
}

5、vite.config.ts 中使用

// vite.config.ts
import eslintPlugin from 'vite-plugin-eslint'

plugins: [
    vue(),
    eslintPlugin({
      include: ['src/**/*.js', 'src/**/*.ts', 'src/**/*.vue', 'src/*.js', 'src/*.ts', 'src/*.vue']
    })
]