vue项目中ESlint和Prettier规则起冲突

最新推荐文章于 2024-08-02 16:55:52 发布
最新推荐文章于 2024-08-02 16:55:52 发布
阅读量1.9k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/polary_/article/details/115046857
版权
在Vue项目开发过程中，遇到保存时ESlint提示关于引号和分号的错误，原因是ESlint与Prettier的规则不一致。解决办法包括修改ESlint的.rules配置或调整Prettier在package.json中的设置，以避免两者冲突。
摘要由CSDN通过智能技术生成

在vue项目中，每次保存总会出关于符号的错，要么是双引号要么是末尾分号，但是改了之后又保存就还是恢复原样。
这是因为ESlint的规则和Prettier的规则起冲突，Prettier支持双引号和分号，Eslint不支持。所以可以改变ESlint或者是Prettier的规则。
1.改变Eslint规则，在.eslintrc.js中的rules添加

//"off"或者0      关闭规则
//"warn"或者1     警告
//"error"或者2    错误
rules:{
   
	"quotes": 0 //关闭单引号
	"semi"：0 //关闭结尾不能有分号
}

2.改变Prettier规则，在packag

最低0.47元/天 解锁文章
polary_
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue项目中解决eslint与prettier同时使用时校验冲突问题
cabinx的博客
04-14 5084
vue项目中解决eslint与prettier同时使用时校验冲突问题 1.需求背景 最近在项目已有的代码校验校验工具eslint基础上加入了prettier，其原因也是为了约束开发团队代码风格统一，初衷是好的，但是在实际使用过程中就出现了两个代码校验工具校验冲突问题。 解决方案 其实冲突的根源在于两者对于校验代码格式都有参与，但是两者的校验规则又不一定相同，这就是冲突的根源。 解决的思想就是让eslint专注于代码质量问题的校验，其他的代码风格问题就让prettier来处理就能够解决冲突，具体处
解决Vue项目中ESLint和Prettier冲突问题[Vue.js项目实践: 新冠自检系统]
SylvanDing's Blog
09-25 1020
解决Vue项目中ESLint和Prettier冲突问题[Vue.js项目实践: 新冠自检系统]
vue老项目中配置eslint和prettier
最新发布
liqifengmu的博客
08-02 477
打开.eslintrc.js文件，在extends中添加"plugin:prettier/recommended"，这样写的目的是让pettier的规则，放在eslint规则扩展中。既负责了代码质量检测，又负责了一部分的格式美化工作，格式化的部分规则和。在项目根目录新建 .prettierrc.js文件并打开添加配置。5. 让vscode自动保存代码并进行格式化。6. 在package.json中配置新指令。安装prettier。
解决 vue 中 eslint & 自动程序化prettier冲突
weixin_59599421的博客
09-18 596
1.代码出现Unexpected space before function parentheses 错误 2.代码出现Vue-error xx should be on a new line 错误
解决vue项目中prettier、eslint格式冲突问题
jasmine_xe的博客
03-29 3583
解决vue项目中prettier、eslint格式冲突问题 我是用prettier作为vscode默认的格式化插件的，vue项目自动保存的时候，格式化，会自动在代码末尾添加分号，单引号会自动变成双引号。然后eslint开始报错： 先贴上报错图 遇到这个问题的时候，试过很多种方式，包括：修改vscode中settings.json文件关于vetur默认格式化插件配置： 修改vetur默认格式化插件配置… 修改prettier配置… 修改eslint配置… 然而都不管用！！！ 最后找到一种解决办法：在vu
VsCode正确解决vue3+Eslint+prettier+Vetur的配置冲突
m0_37985967的博客
03-30 3400
手把手教你VsCode正确解决vue3+Eslint+prettier+Vetur的配置冲突
[vscode]代码规范ESLint + Prettier 在vue项目中的使用和冲突解决[完美解决]
wyy7293的博客
04-18 1682
前言 在创建项目的时候记得勾选使用代码规范 ESLint 把规矩都列出来写在文件里，规范大家的代码统一化 如果代码不符合规则,ESLint就会报警高或者报红 Prettier 把规矩都列出来写在文件里，规范大家的代码统一化 一键保存自动帮助大家通过统一的规则格式化代码 使用 在vscode中开发vue项目需要安装这三个插件 在.eslintrc.js文件中配置rules属性[详细的规则见文档] 举个栗子 规定字符串使用单引号和末尾不加分号 rules: { '
实例详解Vue项目使用eslint + prettier规范代码风格
12-03
在 Vue 项目中集成 `eslint` 和 `prettier`，通常遵循以下步骤： 1. 安装依赖： ``` npm install --save-dev eslint eslint-plugin-vue@next prettier ``` 2. 配置 `.eslintrc.js`： - 扩展预设规则，如 `'...
vue项目中使用eslint+prettier规范与检查代码的方法
11-21
在Vue项目中，为了保证代码质量和团队协作的顺畅性，我们常常使用ESLint和Prettier来实现代码规范和检查。这两个工具可以帮助我们避免低级错误，统一代码风格，并提高代码可读性和维护性。 首先，ESLint是一个静态...
prettier和eslint冲突怎么解决？
柒君的博客
02-04 1682
配置.eslintrc，把eslint-plugin-prettier插件配置在extends数组中的最后一位，以便可以覆盖其他风格配置规则。“eslint-plugin-prettier”: eslint插件，使eslint可以使用prettier的风格规则进行检查。前提：项目中已安装：eslint，prettier，已配置.eslintrc和.prettierrc。prettier：用来校验和处理js文件，css文件，html文件，格式问题。eslint：用来校验和处理js文件，逻辑和格式问题。
ESLint 和 Prettier 配置冲突解决方案
有来技术
05-16 1127
ESLint 和 Prettier 冲突问题和解决方案说明
vue解决ESLint + prettier 双引号报错问题, 格式化函数结尾添加分号的问题, 报错函数括号前面应该有空格问题
一键写代码的博客
10-26 6480
解决双引号问题 解决格式化对象最后一项的末尾添加逗号问题 1、在项目根目录创建文件 .prettierrc { "printWidth": 800, "singleQuote": true, // 使用单引号 "semi": false, // 不使用分号 "trailingComma": "none" // 对象最后一项默认格式化会加逗号, 这里取消 } 解决函数括号和函数名之间必须要有空格的问题 2、在 .eslintrc.js 文件中（该文件是在vue-cli初始.
解决 ESLint 和 Prettier 冲突问题
热门推荐
Leo_zjk的博客
11-02 1万+
一、首先明确两者的联系及区别 1、联系： 两者都是用来帮助开发者规范代码风格的工具。 2、区别： ESLint：只能作用于js代码及文件，html、css、json、vue代码及文件的相关格式处理不了； Prettier：全部代码都可以自定义格式化。 二、冲突原因及机制 1、原因 由两者的区别可以看到，ESLint和Prettier都可以作用于js代码及文件，由于两个插件默认配置存在差异，所以在公共域必然也就...
当项目中自动格式化插件Prettier和ESLint冲突报错时如何解决
qq_18816201的博客
08-02 1815
ESLint要求尾部不能有分；字符串不能双引号，必须单引号；在.eslintrc.js文件中rules中添加一行，就关闭了该错误提示。此时解决了大部分问题，但还有一个小细节，要求函数名和小括号中间有空格。Prettier没有相关配置只能从ESLint的配置入手。而用Prettier会自动加上这些，解决办法也简单。项目根目录新增文件.prettierrc.js。...
【vscode 格式化】prettier 格式化之后添加逗号，与eslint冲突
m0_53584457的博客
06-29 2040
最近格式化文件的时候老是添加逗号，保存的时候会eslint在格式化一遍，将逗号删掉；2.就是在设置的搜索框中输入“vetur”，点击“在settings.json中编辑”JSON文件是不支持备注的，cv过去时要删掉注释。文件配置，可直接用，配合eslint使用足够了。不过我的设置中没找到，估计是要什么配置吧，一、配置 .prettierrc 文件；
eslint和prettier样式冲突解决
kaqiinono的技术小窝
06-15 6113
eslint和prettier样式冲突解决
Eslint 规则说明
05-18 963
1 "no-alert": 0,//禁止使用alert confirm prompt 2 "no-array-constructor": 2,//禁止使用数组构造器 3 "no-bitwise": 0,//禁止使用按位运算符 4 "no-caller": 1,//禁止使用arguments.caller或arguments.callee 5 "no-cat...
Vue 项目中 eslint和prettier以及相关问题理解
weixin_44925250的博客
11-01 1086
Vue 项目中 eslint和prettier以及相关问题理解
vue 安装eslint、prettier
09-07
要安装eslint和prettier插件来进行vue项目的代码规范和格式化，可以按照以下步骤进行操作： 1. 首先，在项目中安装相关的插件。使用以下命令来安装eslint及其相关插件： ``` npm i eslint@7 -D npm i eslint-config...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值