解决格式化文档后和eslint格式冲突

已于 2022-03-28 00:03:23 修改
阅读量889 收藏 1
点赞数 1
分类专栏： vue，JavaScript 文章标签： vue
于 2021-10-06 22:19:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_45104740/article/details/120630126
版权

prettier eslint 配置文件 格式化 代码规范
关键词由优快云通过智能技术生成

右击后点format document可格式化文档，但是格式化文档后的形式和eslint要求的格式是冲突的。
在这里插入图片描述# 解决
1.改变格式化后的格式，使其和eslint的要求一致
src目录下创建配置文件.prettierrc修改格式化后的格式，如文件中的下面代码：
第一行表示格式化后不要分号
第二行表示用单引号

{
    "semi":false,
    "singleQuote":true
}

2.改变eslint的规则，对某个格式不做要求，不报错
如图，某个eslint的报错，框框里是错误的规则
在这里插入图片描述

找到.eslintrc.js文件里面的rules,如图，设置其值为0即可消除该规则
在这里插入图片描述

前端领域ESLint的代码格式化功能
小白菜的博客
05-06 1007
在前端开发中，随着项目规模的不断扩大和团队协作的日益频繁，代码的可读性、可维护性变得至关重要。代码格式化作为保证代码一致性和规范性的重要手段，能够提高团队开发效率，减少因代码风格不一致而导致的错误。ESLint作为一款强大的JavaScript代码检查和格式化工具，其代码格式化功能可以自动检测并修复代码中的格式问题，使代码符合预定的规则。本文的范围主要聚焦于ESLint的代码格式化功能，包括其原理、使用方法、实际应用场景等方面。我们将深入探讨如何利用ESLint来提升前端代码的质量和规范性。
格式化文件与eslint语法产生冲突解决办法
weixin_38345306的博客
07-20 302
1.单双引号问题 1.单双引号问题 在根目录下创建配置文件“.prettierrc”，把格式格式化为eslint要求的语法 { "semi": false,//去除分号“；” "singleQuote": true//把双引号格式化为单引号 }
eslint和格式化工具冲突问题
yufengguanyun的博客
06-17 1181
于使用eslint很多人应该都遇到过格式化工具冲突的问题，复制错误信息到网上找，大部分信息都在告诉你如何安装并使用一个预处理插件。然而试了无数方法，始终无法解决问题。 我也是在被这个问题折磨的欲生欲死之后，问了公司老大哥才知道是由于格式化规则和eslint检查规则有冲突，才导致构建报错，实际代码是可以运行的。 解决这个问题，可以有三种方法。 第一种是修改格式化工具的配置，当然这种方法个人感觉是最蠢的，因为大部分人不会花太多精力去研究格式化工具的配置。 第二种方法则是禁用eslint的检查规则（在es
Eslint 和 格式化工具prettier冲突问题
weixin_44362304的博客
08-08 1760
eslint prettier
ESLint与格式化文档规则发生冲突解决
xiaoxiao1777的博客
05-12 1265
情景1： 当点击右键选择格式化文档时，会把js代码中的单引号编程双引号，并且export default的大括号最后加成封号 解决： 项目src目录下创建一个配置文件.prettierrc 它是一个json格式的文件 { "semi": false, "singleQuote": true } 这样格式化的时候就不会再末尾处加封号，然后把双引号变为单引号 情景2： 当方法名称后面如果不加空格的话，ESLint会提示加一个空格，这个规则应当关掉，它本身不是一个错误 解决：
vue项目中vuter格式化和eslint冲突问题
jokren的博客
05-25 6812
一.在vue单文件中html格式化失败 原因： 在vuter默认配置中： “vetur.format.defaultFormatter.html”: “none”, 解决：在user setting中设置 “vetur.format.defaultFormatter.html”: “js-beautify-html”, 二.在拉下代码或者修改""双引号->’'单引号 后格式化 “单引号-...
VScode代码格式化后不符合ESLint风格问题处理
沧笙踏歌的博客
05-17 3905
文档 各类Lint，比如ESLint来检测代码是否符合设定的规则，Prettier是用来一键格式化我们的代码，二者的配置要相符，一致。否则你会发现你使用Prettier格式化你的代码，结果不符合ESLint的检测要求~~~ 同理 editorConfig也一样，他和Prettier起到的作用是一样的。 ...
ESLint + VSCode:如何使用.eslintrc格式化你的代码
每天都要努力学习哦~~
02-07 1165
我已经非常习惯于在保存时让VSCode自动格式化我的文件。通常情况下，我使用Prettier。但我加入了一个使用ESLint来管理其代码风格的项目，我想与团队的格式化相匹配。我希望在保存时有那种甜蜜的自动格式化，但使用项目根目录下的文件，而不是Prettier。大多数博客文章都想把这个做成一个完整的教程......如何设置eslint，如何创建.eslintrc文件，等等......但我不需要这些。我有一个现有的项目，我只是想配置VSCode来使用ESLint而不是Prettier。
【VSCode操作手册】prettier和ESlint格式冲突问题解决2-Missing space before function parentheses
Txtechcom的博客
02-07 1059
prettier和ESlint格式冲突问题解决2-Missing space before function parentheses。之前写了一篇基于Prettier ESLint插件，有时Prettier ESLint插件不好用无反应，于是有了这一篇基于Prettier插件的配置。
vscode保存时代码格式化时，eslint和pritter冲突
最新发布
04-05
在VSCode中保存文件时自动格式化代码是一项非常实用的功能，但如果配置不当可能会导致ESLint和Prettier之间发生冲突。这是因为两者都试图控制代码风格规则，当它们的要求不一致时就会出现问题。 #### ESLint简介： ...
2020最新版vscode格式化代码的详细教程
10-14
以上配置中，`formatOnSave` 设置为 `true` 表示在保存文件时自动格式化，`vetur` 和 `prettier` 分别处理 Vue 文件和 JS/CSS 等文件的格式化，`eslintIntegration` 使 Prettier 与 ESLint 集成，`codeActionsOnSave...
解决Strings must use singlequote方法以及eslint与本地格式化规则起冲突时的解决办法
热门推荐
Oliver尹的博客
03-18 2万+
今天，有个小伙伴问我，他从网上down了一个项目下来，安装完毕之后，打开了这个项目的某一个js文件，结果，一打开就报了一堆红色波浪线，他搜了许久说是eslint的错误，不知道如何解决
代码规范eslint,autopep8,-vscode,pycharm使用
lllsj的博客
07-04 1242
整理完之后,坑就没那么多了,尝试的时候还是挺坑的.而且那些报错莫名其妙(要么就是不生效!!!)… ellint 安装 $ npm install //安装npm $ npm install -g eslint //安装eslint $ eslint --init .eslintrc.js配置 个人偏好: module.exports = { root: true, parserOptions: { parser: "babel-eslint", sourceType: "modul
vs code 使用eslint prettier插件格式化eslint
飞翔的熊blabla
10-14 249
在指定文件按ctrl+shift+p->搜索format document->选择eslint prettier
关于vue项目使用esLint保存后出现的问题解决办法
bigpatten的博客
11-05 1167
.prettierrc 在vue项目开发的过程中，我们不可避免的要使用esLint代码格式化工具的使用，这不仅使我们写出来的代码更加规范，而且会让我们养成良好的编程习惯，使写出来的代码更加简洁漂亮，官方也提倡我们在开发的过程中使用它。 问题背景： 由于vue项目中有些地方必须使用单引号，但是在我们Ctrl + Alt + f 格式化代码的时候会将单引号自动的转成双引号，这个时候esLint就会报出许多的错误，手动改的话又浪费时间。 在我们Ctrl + Alt + f 格式化代码的时候会出现在每一行的
VS Code格式化代码与ESLint冲突的问题解决（JavaScript）
ByteZenith的博客
08-13 1074
在开发JavaScript项目时，VS Code和ESLint是常用的工具，在使用过程中可能会出现格式化冲突的问题。针对这个问题，我们可以选择禁用VS Code的格式化功能、配置VS Code与ESLint共存，或者调整代码格式化规则。根据具体情况选择适合自己的解决方法，可以提高代码的可读性和规范性，提升开发效率。
prettier插件 设置tab制表符为4个空格
qq_17627195的博客
02-28 2068
VSCode设置了tabsize是4，eslint也设置了tab缩进为四格，但是JS文件格式化后，缩进还是两格，解决方法
vscode配置和eslint规则一样的格式化
泥鸽鸽的博客
09-07 1602
这几天被eslint搞疯了 写代码一直报错 连代码格式化也起冲突 简直气的砸电脑 接下来教大家如何配置vscode和eslint一样的格式化规则： 首先要声明的是 1、目前还没找到插件可以自动配置和eslint一样的格式化规范 有的话请留言告诉我 让我也学习一下 2、每个人的eslint中都有自己加的规则 或者继承别的规则 所以每个人的配置都不大一样 我这边的配置代码时根据eslint的默认配置走的 不是按eslint默认配置走的可能要自己修改一些配置项 3、写这个配置之前需要安装两个插件 好像是es
react环境配置-引入eslint-保存自动格式化
留着鼻涕敲代码
11-07 1245
目标 在react项目中配置eslint，并启用保存自动格式化功能 思路 在项目中安装eslint 用eslint的init命令创建eslint配置文件 设置vscode的自动保存格式化 步骤 npm i eslint typescript -D 在项目根目录，运行npx eslint --init 按交互提示安装相关插件 选择是否使用 TypeScript， 选择是 它会自动生成eslint的配置文件 设置vscode的自动保存格式化 代码 在项目根目录下，补充配置文件：.vscod
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值