eslint从0配置到1（vue3）

1、安装

npm i -D eslint

npm i -D eslint-plugin-vue

npm i -D vite-plugin-eslint

2、 创建文件（根据自己的配置规则去增删）：.eslintrc.cjs

module.exports = {

  root: true,

  // 使 eslint 支持 node 与 ES6

  env: {

    browser: true,

    es2021: true,

    node: true

  },

  // 引入推荐的语法校验规则

  extends: [

    'plugin:vue/vue3-recommended', // https://eslint.vuejs.org/user-guide/#usage

    "eslint:recommended", // http://eslint.cn/docs/rules/

  ],

  // 解析器的详细配置

  parserOptions: {

    // 使用最新版 ES 语法

    ecmaVersion: 'latest',

    // 使用 ESLint TS 解析器

    // 使用 ES 模块化规范

    sourceType: 'module'

  },

  // 使用的插件

  // 自定义规则

  rules: {

    "vue/html-self-closing": 'off',

    "vue/max-attributes-per-line": [2, {

      "singleline": 10,

      "multiline": {

        "max": 1,

      }

    }],

    "vue/singleline-html-element-content-newline": "off",

    "vue/multiline-html-element-content-newline": "off",

    "vue/multi-word-component-names": "off", // 组件名称需采用驼峰命名

    "vue/component-definition-name-casing": "off",

    "vue/no-mutating-props": "off", // 有些组件去修改了如DragSelect\index.vue

    "vue/valid-attribute-name": "off", // 有些组件属性名不规范如AiTable.vue

    "vue/no-v-html": "off",

    'accessor-pairs': 2,

    'arrow-spacing': [2, {

      'before': true,

      'after': true

    }],

    'block-spacing': [2, 'always'],

    'brace-style': [2, '1tbs', {

      'allowSingleLine': true

    }],

    'camelcase': [0, {

      'properties': 'always'

    }],

    'comma-dangle': 'off',

    'comma-spacing': [2, {

      'before': false,

      'after': true

    }],

    'comma-style': [2, 'last'],

    'constructor-super': 2,

    'curly': [2, 'multi-line'],

    'dot-location': [2, 'property'],

    'eol-last': 0,

    'eqeqeq': "off",

    'generator-star-spacing': [2, {

      'before': true,

      'after': true

    }],

    'handle-callback-err': [2, '^(err|error)$'],

    'indent': [2, 2, {

      'SwitchCase': 1

    }],

    'jsx-quotes': [2, 'prefer-single'],

    'key-spacing': [2, {

      'beforeColon': false,

      'afterColon': true

    }],

    'keyword-spacing': [2, {

      'before': true,

      'after': true

    }],

    'new-cap': [2, {

      'newIsCap': true,

      'capIsNew': false

    }],

    'new-parens': 2,

    'no-array-constructor': 2,

    'no-caller': 2,

    'no-console': 'off',

    'no-class-assign': 2,

    'no-cond-assign': 2,

    'no-const-assign': 2,

    'no-control-regex': 0,

    'no-delete-var': 2,

    'no-dupe-args': 2,

    'no-dupe-class-members': 2,

    'no-dupe-keys': 2,

    'no-duplicate-case': 2,

    'no-empty-character-class': 2,

    'no-empty-pattern': 2,

    'no-eval': 2,

    'no-ex-assign': 2,

    'no-extend-native': 2,

    'no-extra-bind': 2,

    'no-extra-boolean-cast': 2,

    'no-extra-parens': [2, 'functions'],

    'no-fallthrough': 2,

    'no-floating-decimal': 2,

    'no-func-assign': 2,

    'no-implied-eval': 2,

    'no-inner-declarations': [2, 'functions'],

    'no-invalid-regexp': 2,

    'no-irregular-whitespace': 'off',

    'no-iterator': 2,

    'no-label-var': 2,

    'no-labels': [2, {

      'allowLoop': false,

      'allowSwitch': false

    }],

    'no-lone-blocks': 2,

    'no-mixed-spaces-and-tabs': 2,

    'no-multi-spaces': 2,

    'no-multi-str': 2,

    'no-multiple-empty-lines': [2, {

      'max': 1

    }],

    'no-native-reassign': 2,

    'no-negated-in-lhs': 2,

    'no-new-object': 2,

    'no-new-require': 2,

    'no-new-symbol': 2,

    'no-new-wrappers': 2,

    'no-obj-calls': 2,

    'no-octal': 2,

    'no-octal-escape': 2,

    'no-path-concat': 2,

    'no-proto': 2,

    'no-redeclare': 2,

    'no-regex-spaces': 2,

    'no-return-assign': [2, 'except-parens'],

    'no-self-assign': 2,

    'no-self-compare': 2,

    'no-sequences': 2,

    'no-shadow-restricted-names': 2,

    'no-spaced-func': 2,

    'no-sparse-arrays': 2,

    'no-this-before-super': 2,

    'no-throw-literal': 2,

    'no-trailing-spaces': 2,

    'no-undef': 2,

    'no-undef-init': 2,

    'no-unexpected-multiline': 2,

    'no-unmodified-loop-condition': 2,

    'no-unneeded-ternary': [2, {

      'defaultAssignment': false

    }],

    'no-unreachable': 2,

    'no-unsafe-finally': 2,

    'no-unused-vars': [2, {

      'vars': 'all',

      'args': 'none'

    }],

    'no-useless-call': 2,

    'no-useless-computed-key': 2,

    'no-useless-constructor': 2,

    'no-useless-escape': 0,

    'no-whitespace-before-property': 2,

    'no-with': 2,

    'one-var': [2, {

      'initialized': 'never'

    }],

    'operator-linebreak': [2, 'after', {

      'overrides': {

        '?': 'before',

        ':': 'before'

      }

    }],

    'padded-blocks': [2, 'never'],

    'quotes': 'off',

    'semi': 0,

    'semi-spacing': [2, {

      'before': false,

      'after': true

    }],

    'space-before-blocks': [2, 'always'],

    'space-before-function-paren': 0,

    'space-in-parens': [2, 'never'],

    'space-infix-ops': 2,

    'space-unary-ops': [2, {

      'words': true,

      'nonwords': false

    }],

    'spaced-comment': [2, 'always', {

      'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ',']

    }],

    'template-curly-spacing': [2, 'never'],

    'use-isnan': 2,

    'valid-typeof': 2,

    'wrap-iife': [2, 'any'],

    'yield-star-spacing': [2, 'both'],

    'yoda': [2, 'never'],

    'prefer-const': 2,

    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,

    'object-curly-spacing': [2, 'always', {

      objectsInObjects: false

    }],

    'array-bracket-spacing': [2, 'never'],

    'vue/no-v-model-argument': 0,

    'vue/no-parsing-error': [2, {

      'x-invalid-end-tag': false

    }],

    "require-atomic-updates": "off"

  }

};

3、vite.config.js配置（这一步是关键）

import { defineConfig } from 'vite'

import vue from '@vitejs/plugin-vue'

import eslintPlugin from 'vite-plugin-eslint'

export default defineConfig({

  plugins: [

    vue(),

    eslintPlugin({

      include: ['src/**/*.js', 'src/**/*.vue', 'src/*.js', 'src/*.vue']

    })

  ],

})

 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/838644.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

mysql主从热备+keepalived 部署mysql高可用主备模式

mysql主从热备+keepalived 部署mysql高可用主备模式

目录 1、环境准备 2、分别在主服务器和备用服务器上安装keepalived 3、修改keepalived服务的配置文件 3.1 修改主服务器上的keepalive服务的配置文件 3.2 修改备用服务器上的keepalive服务配置文件 4、编写mysql监控脚本放到主服务器上 5、在主服务器和备用服务器上查看…
阅读更多...
水泡传感器内部结构

水泡传感器内部结构

水泡传感器内部结构： 水泡传感器放大电路 电路是基于1.6V做的TIA I2V， 也就是输出部分基于1.6V做电压的增加或减少。
阅读更多...
Milvus 快速入门

Milvus 快速入门

引言 在本篇文章中，我们将介绍 Milvus 的基本概念，并通过一个简单的示例展示如何在 Milvus 中创建集合、插入向量和执行搜索。最后，我们将概览 Milvus 提供的 API。 一、基本概念 1.1 集合 (Collection) 在 Milvus 中，集合类似…
阅读更多...
如何组织 Vue 项目

如何组织 Vue 项目

介绍 在启动 Vue 项目时，思考项目结构至关重要。主要考虑因素是预期项目的规模。在本篇博文中，我将探讨适用于不同规模 Vue 项目的各种结构。这个考虑与康威定律相吻合： “设计系统的组织受限于产生这些组织沟通结构的设计。” - 梅尔康威 基…
阅读更多...
C语言之指针初阶

C语言之指针初阶

目录 前言 一、内存与地址的关系 二、指针变量 三、野指针 四、const 五、传值调用与传址调用 总结 前言 本文主要介绍C语言指针的一些基础知识，为后面深入理解指针打下基础，因此本文内容主要包括内存与地址的关系，指针的基本语法&…
阅读更多...
WebRTC实时音视频通话之语音通话设计与实践

WebRTC实时音视频通话之语音通话设计与实践

一、背景 在移动互联网流量时代，很多业务场景都有音视频通信的需求，比如IM场景，除了文字交流还需要音视频通话进行实时交互。为了帮助58、赶集、安居客等业务线更好的为用户提供服务，节约沟通成本，提升效率&#xff0…
阅读更多...
【Linux】19. 习题②

【Linux】19. 习题②

2022-11-12_Linux环境变量 1. 分页存储(了解) 一个分页存储管理系统中，地址长度为 32 位，其中页号占 8 位，则页表长度是__。 A.2的8次方 B.2的16次方 C.2的24次方 D.2的32次方 【答案解析】A 页号即页表项的序号，总共占8个二进制…
阅读更多...
go语言之控制结构2

go语言之控制结构2

1.for结构 如果想要重复执行某些语句&#xff0c;Go 语言中您只有 for 结构可以使用 1.1 基于计数器的迭代 基本格式为&#xff1a; for 初始化语句; 条件语句; 修饰语句 {} 例子1&#xff1a; package mainimport "fmt"func main() {for i : 0; i < 5; i {f…
阅读更多...
STM32的FLASH学习笔记

STM32的FLASH学习笔记

不同型号的 STM32&#xff0c;其 FLASH 容量也有所不同&#xff0c;最小的只有 16K 字节&#xff0c;最大的则达到了1024K 字节。大容量产品的闪存模块组织如图所示&#xff1a; STM32 的闪存模块由&#xff1a;主存储器、信息块和闪存存储器接口寄存器等 3 部分组成。 ​ ①主…
阅读更多...
骨架油封在工业应用中的重要性

骨架油封在工业应用中的重要性

为什么我们会选择使用山峰骨架油封?这个问题直接关系到工业生产的效率和成本管理。山峰骨架油封凭借其卓越的性能和多重优势已经成为众多工程师和维护人员的很好选。 全方位的应用优势 山峰骨架油封不仅在密封效果上表现出色&#xff0c;同时还适用于各种工业应用场景。无论…
阅读更多...
路由跟踪，追踪请求的网址链接情况

路由跟踪，追踪请求的网址链接情况

追踪请求的网址链接情况,多节点情况可查看是否有节点拒绝响应 linux&#xff1a; traceroute open.XXX.com windows tracert open.XXX.com
阅读更多...
Java环境搭建（二）Notepad++和IDEA的下载

Java环境搭建（二）Notepad++和IDEA的下载

Notepad&#xff08;不推荐使用&#xff09; 高级记事本 下载地址 Notepad (juxinwk1.cn) 下载安装后一直下一步就可以了 注&#xff1a;改一下路径还有建立快捷方式&#xff08;自己选择&#xff09; IDEA 集成环境 下载地址 IntelliJ IDEA – the Leading Java and Kotl…
阅读更多...
React 第三十二章 虚拟DOM

React 第三十二章 虚拟DOM

面试题&#xff1a;什么是虚拟DOM&#xff1f;其优点有哪些&#xff1f; 标准且浅显的答案 虚拟dom本质上就是一个普通的 JS 对象&#xff0c;用于描述视图的界面结构 虚拟 DOM 最早是由 React 团队提出来的&#xff0c;因此 React 团队在对虚拟 DOM 的定义上面有绝对的话语权。…
阅读更多...
若依-生成主子表

若依-生成主子表

1. sql语句建表导入到数据库中&#xff1a; -- ---------------------------- -- Table structure for t_ques————主表 -- ----------------------------CREATE TABLE ques (ques_id INT NOT NULL AUTO_INCREMENT COMMENT Id,name VARCHAR(255) NOT NULL COMMENT 测评名称…
阅读更多...
未授权访问：Rsync 未授权访问漏洞

未授权访问：Rsync 未授权访问漏洞

目录 1、漏洞原理 2、环境搭建 3、未授权访问 4、利用rsync下载任意文件 5、利用rsync反弹shell 防御手段 今天继续学习各种未授权访问的知识和相关的实操实验&#xff0c;一共有好多篇&#xff0c;内容主要是参考先知社区的一位大佬的关于未授权访问的好文章&#xff0c…
阅读更多...
ApiHug - 闭门造车， 出门合辙

ApiHug - 闭门造车， 出门合辙

&#x1f917; ApiHug {Postman|Swagger|Api...} 快↑ 准√ 省↓ GitHub - apihug/apihug.com: All abou the Apihug apihug.com: 有爱&#xff0c;有温度&#xff0c;有质量&#xff0c;有信任ApiHug - API design Copilot - IntelliJ IDEs Plugin | Marketplace The Nex…
阅读更多...
RocketMQ:新增consumer消费组group从最新消息开始消费skip last offset message

RocketMQ:新增consumer消费组group从最新消息开始消费skip last offset message

场景 想创建一个新的consumer去消费一个已经再使用的topic时&#xff0c;默认情况下会从topic中的第一条消息开始消费&#xff0c;大多数情况是需要从最新的消息开始。然后再使用CONSUME_FROM_LAST_OFFSET设置时并不会对新的consumer生效&#xff0c;它只是在停用consumer重新启…
阅读更多...
Vue学习之：在 vue2 中引入 pdf.js 并配置使其能工作

Vue学习之：在 vue2 中引入 pdf.js 并配置使其能工作

安装 不同版本的 pdfjs 在 node_modules 中的目录不太一样&#xff0c;如果你想让他正常运行就按照我下面的来确保你的 nvm 版本是 18.17 如果不是的话&#xff0c;建议你配置跟我调成一样的&#xff0c;否则很容易出问题 nvm install 18.17.0 nvm use 18.17.0安装 pdfjs&…
阅读更多...
代码随想录算法训练营day25 | 669. 修剪二叉搜索树、108.将有序数组转换为二叉搜索树、538.把二叉搜索树转换为累加树

代码随想录算法训练营day25 | 669. 修剪二叉搜索树、108.将有序数组转换为二叉搜索树、538.把二叉搜索树转换为累加树

669. 修剪二叉搜索树 看题解做出来的 class Solution:def trimBST(self, root: Optional[TreeNode], low: int, high: int) -> Optional[TreeNode]:if not root:return Noneif root.val < low:return self.trimBST(root.right, low, high)if root.val > high:return…
阅读更多...
【栈的应用】中缀和后缀表达式 {中缀转后缀表达式；中缀表达式求值；后缀表达式求值}

【栈的应用】中缀和后缀表达式 {中缀转后缀表达式；中缀表达式求值；后缀表达式求值}

中缀转后缀表达式 在中缀变后缀时&#xff0c;操作数的顺序不会发生变化&#xff0c;只有运算符的顺序可能发生变化。同时又没有括号。所以在转换的过程中&#xff0c;只要碰到操作数&#xff0c;可以直接输出&#xff0c;而遇到运算符和括号进行相应的处理即可。 转换原则如…
阅读更多...
最新文章

Copyright @ 2022~2023