ESLint+Prettier 只需三步 代码规范度超过95%程序员

作者: 技术胖分类: 计算机技术 发布时间: 2021-11-26 11:45:06 浏览:47485 次

ESLint+Prettier 只需三步 代码规范度超过95%程序员

风里云烟:
Prettier是代码风格的工具 eslint是代码质量校验工具,你单纯用代码风格校验的话,是极有可能和eslint冲突的

【回复】https://segmentfault.com/a/1190000041023812 可以看我这篇文章解决冲突问题
呆美男:
vue代码使用vutur来格式化太恶心了[捂脸],一行template各种各样换行,公司要求全一行,好看清树形结构,结果每次格式化之后换行换得亲妈都不认识了,试过所有的配置,换行问题就是解决不了,好,直接卸载,选择手动规范格式

【回复】回复 @冰凝____ :哎,真的难受,特别是项目大了,连个树形结构都看不清
【回复】[doge] eslint 强制属性换行也类似, 一个属性一行, 可读性趋近于0 我16:9 的宽屏, 一行给我显示十几个字符[OK]
【回复】哦我说错了,“width”也搜了全改了的,还是没用,不是换行长度的原因
乔的星空:
视频中根本没有提到重点 重点是如何让eslint和prettier配合使用时不会有冲突

皆轻_皆轻:
我小白学vue,之前使用eslint,差点怀疑码生

【回复】先读一下ESLint的文档,里边有很多配置方法,配置好后再结合Prettier配置。就可以实现完整的自动格式化代码了。 这个花点时间学学是值得的,因为公司都在用,你今天不受折磨,以后也要受折磨。
小原H:
胖胖老师,我是在使用两个插件的时候会发生冲突的情况,不知道如何调试。网上各种调试,我的setting都改的乱七八糟的,求求胖胖老师分享下vscode的setting全部配置,和项目底下新建的各种文档的教程[打call][打call][打call][打call]

【回复】https://segmentfault.com/a/1190000041023812 这是我的配置,可以解决冲突问题
【回复】两个插件都是有配置的,你肯定是保存格式化之后,eslint报错了吧,你可以在eslint官网搜索一下报错的问题有详细的配置文档和例子的
【回复】先把网站的文档看了,然后看错误提示是什么,进行配置。这个每个公司都不同,配置也不同。所以没办法讲解。根据情况自己配置。
丹青映明月:
vetur和eslint格式化不兼容……eslint和typescript格式化也不兼容[无语]我真真是啥也不想用了

【回复】回复 @ExanNur :我是安装了直接用,把以前用的beautify关掉了
【回复】回复 @呜呜呜呜呜哇 :同问
【回复】回复 @我说你世上最善良_ :安装即用么,还需要配置其他的啥东西么[思考]
只剩2个硬币:
讲实话,如果项目一开始就有规范,没的说,但如果一开始没规范,后面真心不敢开保存格式化。。。

账号已注销:
别说了,我今天vue用了一下,6行代码7个错误。

【回复】我也是,而且我不知道为什么,保存代码不会自动格式化
幻语梦音:
prettier和eslint是可能有冲突的,比如设置的规则不一样,能不能细讲一下解决冲突的方式

【回复】两个插件都是有配置的,你肯定是保存格式化之后,eslint报错了吧,你可以在eslint官网搜索一下报错的问题有详细的配置文档和例子的
【回复】回复 @技术胖 :可以下次穿插一些冲突的小例子,这样也许会不错
【回复】好的,其实每个公司eslint规则不同,你的配置也不同。没有最终标准可用。你可以详细了解eslint和prettier文档。根据需求配置。
lankerxd:
vue提供的三种eslint+XX插件,都试用过,prettier对html和js都能格式化,剩下的两个不知道是不是我没有配对,现在我在试单独eslint,html代码用vetur的js-beautify-html来格式化。

【回复】回复 @董鸿霖 :我默认是用vetur对vue文件进行格式化的,然后vuter的html部分设成js-beautify-html,js部分设成prettier + eslint。这样他自己会缩进的。eslint只设置了indent: 【'error', 2】,两行空格缩进。
【回复】请问只用vetur和eslint怎么样能将html代码整齐的格式化,我设置了js-beautify-html然后eslint也规定超过2个属性就换行,但是换行的属性会顶格不会缩进,所以我一直只能手动给比较长的属性换行缩进,难受
穿裤子的盖茨比:
我eslint用上airbnb带prettier美化的plugin,结果好多规则冲突[捂脸]这种怎么解

【回复】编写配置文件,让两个和谐统一。
宇宙全息率:
我是搞.net全栈的 刚毕业一年多 现在要专门搞前端,但是我从来不知道你说的这两个插件 感谢分享

ScCcWe:
新手用webstorm不好吗?为啥要用 vscode。

【回复】vscode免费,而且真的挺方便
陈默有言:
很有帮助,希望技术胖老是能多出一些关于项目规范或者代码规范的视频,能够让很少接触流程规范化的项目的程序员(比如我)学习下大厂代码规范

羊市街的楊捏捏:
我设置了保存时格式化文件,为啥保存时没有自动格式化[辣眼睛]

【回复】那肯定是你没配置对。代码是死的,别怀疑。每当我觉得自己没错的时候,后面总是分分钟打脸。
【回复】每次都要手动点才有效果
董鸿霖:
prettier怎么设置成不检测尾逗号,就是可以带尾逗号也可以不带

【回复】回复 @-夏木同学- :好吧,prettier对我来说唯一的好处就是格式化html很好,然后其它的都不好用,这几年每次我想尝试用prettier最终都失败了[撇嘴]
【回复】作者的意思是要么有逗号要么没有逗号,不是可选的,我觉得这种强制性的做法让这个这个插件没前途

科技猎手 Prettier 前端 编程开发 ESLint

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!