eslint太烦人了!得治!!!

2023-10-14 17:59
文章标签 eslint 太烦人 得治

本文主要是介绍eslint太烦人了!得治!!!,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

新手对于eslint的代码规范校验,可谓是恨之入骨,有些像缩进、空格、空白行之类的规范,在开发过程中一直报错,有点烦人了。那我们该如何解决呢?

一、vue cli3搭建的项目解决办法

 1、第一种

直接注释掉package.json文件中eslint的配置就可以了

"eslintConfig": {"root": true,此项是用来告诉eslint找当前配置文件不能往父级查找"env": {"node": true//此项指定环境的全局变量,下面的配置指定为node环境},"extends": [// 此项是用来配置vue.js风格,就是说写代码的时候要规范的写,如果你使用vs-code我觉得应该可以避免出错"plugin:vue/essential","@vue/standard"],"rules": {//规则配置写在这里"indent": [1, 4]},"parserOptions": {"parser": "babel-eslint"//此项是用来指定eslint解析器的,解析器必须符合规则,babel-eslint解析器是对babel解析器的包装使其与ESLint解析}},

2、第二种
在vue.config.js中将以下三项设置为false

  devServer: {overlay: {warnings: false,errors: false},lintOnSave: false}

二、用vue ui创建的项目怎么关闭eslint校验

 在Vue Cli的控制面板找到配置-ESLint configuration,然后关闭保存时检查就可以了

三、vue create 项目时关闭eslint

修改package.json"eslintConfig": {"root": false,   //这里的true改为false"env": {"node": false  //这里的true改为false},"extends": ["plugin:vue/essential","eslint:recommended"],"rules": {},"parserOptions": {"parser": "babel-eslint"}},

在搭建vue脚手架时提示是否启用eslint检测的。 Use ESLint to lint your code? 写 no;如果项目已经生成,我们可以这样。

在项目中代开 bulid 文件夹下的 webpack.base.config.js 文件。将以下代码删掉或注销:

{test: /\.(js|vue)$/,loader: 'eslint-loader',enforce: 'pre',include: [resolve('src'), resolve('test')],options: {formatter: require('eslint-friendly-formatter')}},

不行再重新打开

这篇关于eslint太烦人了!得治!!!的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/212201

相关文章

前端工程化2:从0-1的eslint插件开发教程

从0-1的eslint插件开发教程 开发eslint插件目的:根据项目需要,自定义满足项目特殊需要的校验规则是 参考eslint官方文档展开阐述 插件开发 自定义规则 单元测试 下面开始通过一个示例demo来介绍插件整个开发流程 代码中出现的方法及变量的详细解释与相关文档,会在文末给大家列举出来,大家可以先把代码拷贝到自己的demo中然后结合本文第3部分的变量|方法解释去理解代码 开发一

前端 Vue3 项目开发—— ESLint prettier 配置代码风格

ESLint & prettier 介绍 如果你用的是 pnpm create vue 来创建项目,那么创建项目时就会让你选择是否添加 ESLint 和 prettier 我们在上一篇博客中详细介绍过 ESLint,可以说上一篇博客是这篇博客的先修知识,所以各位小伙伴们请先去看看我的上一篇博客,博客指路:前端 ESlint 代码规范及修复代码规范错误-CSDN博客 如果说 ESLint

前端 ESlint 代码规范及修复代码规范错误

代码规范及ESlint介绍 代码规范:一套写代码的约定规则。例如:赋值符号的左右是否需要空格?一句结束是否是要加分号? 虽然不遵守这些代码规范并不会造成语法错误,但是一个团队中,我们通常希望各个团队成员的代码风格是统一的 没有规矩不成方圆 ESLint:是一个代码检查工具,用来检查你的代码是否符合指定的规则(你和你的团队可以自行约定一套规则)。在创建项目时,我们使用的是 JavaSc

Vue2项目搭建:Vue2.7+Vite4+Pinia+TailwindCSS+Prettier+ESLint

目前 create-vue 和 Vite 都不提供 Vue2 项目的搭建,不想用 Vue CLI 和 webpack,于是就打算从 0 搭建一个工程化项目,支持组合式 API (Composition API) 写法,没有使用 TypeScript,有朋友需要的话我可以再完善一下。 Node.js 16.xpnpm 8.x 初始化 mkdir vue2-vitecd vue2-vit

【解决方案】ESLINT 报错: Cannot read property 'range' of null

Cannot read property ‘range’ of null 问题描述: Cannot read property ‘range’ of null TypeError: Cannot read property ‘range’ of null 解决方案: 在项目根目录下,创建 .eslintrc.js 文件,添加如下规则: module.exports = {rules

create-react-app 移除 ESLint 语法检查

ESLint 的作用: ESLint 是一个流行的 JavaScript 代码静态检查工具,旨在帮助开发者识别和修复代码中的问题。以下是关于 ESLint 的一些关键信息: 主要功能: 1.代码风格检查:ESLint 可以检查代码是否符合特定的编码风格,例如缩进、空格、引号类型等,帮助团队保持一致的代码风格。 2.错误检测:它可以检测语法错误和常见的编程错误,例如未使用的变量、未处理的 P

vue项目中Eslint标准配置

rules: {'arrow-parens': 0, // 箭头函数用小括号括起来'arrow-spacing': 0, // =>的前/后括号'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off','no-debugger': process.env.NODE_ENV === 'production' ? '

手把手教你用vite+React18+TS+redux+prettier+eslint+Ant打造企业级前端项目

通过这篇文章你可以学到 如何使用使用 webpack 搭建项目如何在 webpack中集成 typescript如何在 webpack 中集成 React Router 和 Redux如何使用 React 的组件库 Ant Design如何在项目中集成 eslint 和 prettier 保证代码质量如何为团队开发专属的项目模板 环境依赖版本 node:v18.13.0npm -vvite:

eslint工具编程“ Unnecessary use of boolean literals in conditional expression” 错误的解决方案

今天快下班提交代码时碰到这个很诡异的问题,如下图 这是我的代码报错的地方 很明显是eslint工具检测出来的,我们必须用它的代码规范来编程。后来查了下eslint官方文档,对其解释是: 当存在更简单的替代方案时,不允许三元运算符(不需要 - 三元) 也就是说我这种写法会显得啰嗦 改变这两行代码的写法 就ok了 详细解释说明传送

Vue3+Vite+Ts 项目实战 01 Vite 创建项目、ESLint+TS+GitCommit配置、Vue3新特性介绍

前置声明: Vue3 和 Vite 还在持续更新,中文文档仍未全部完善,该笔记的内容在未来可能过时,建议多参考英文文档,使用最新版本。本案例使用的后端 API 服务,基于 Express 搭建,使用 json 文件管理数据,Git 仓库和使用文档。本案例旨在学习 Vite 和 Vue3 搭建配置应用,并没有开发完整的业务功能。 项目初始化 使用 Vite 创建项目 Vite 官方中文