prettier代码格式化工具

访客4年前黑客工具603

1.两大linter提及

  • eslint 为js而设计的可插拔的检查程序
  • tslint 为ts语言而设计的可扩展的检查工具(将在2019年作废更新,建议使用eslint)

两种linter都可以实现fix功效,所谓fix就是将原代码转化为相符一定规则的新代码。虽然linter工具fix之后的代码,解决了大部分问题,但可能有些地方并不相符我们的阅读代码的习惯,好比一行代码过长。

在强迫症的影响下,差别的人对自己的代码举行差别水平的”美化“,甚至遇到他人代码时也会随手美化一把。

最终导致项目中的代码气概不能统一。


2.prettier简介

prettier是一种保证代码一致性、兼具美化效果的代码格式化工具

2.1 not only js

前有jslint,尔后由于eslint过于乐成,导致了jslint已经无人问津,这也让我们误以为eslint只专注于js
下面列举了它所支持的其他语言

  • javascript、jsx
  • flow、typescript
  • json
  • css、less、scss
  • graphql
  • markdown
  • yaml

2.2 IDE

有人的地方就有江湖,有编辑器的地方就有prettier,现在盛行的ide都能支持prettier

  • vscode
  • webstorm
  • atom
  • visual studio
  • sublime

以上列举了前端对照常用的几个工具,需要确定所使用的的编辑器是否支持prettier是否支持,请移步官网

2.3 parser

prettier针对差别的语言,所使用的的parser有多个,例如编译graphql时所使用的就是graphql/language。
而编译js的现在有两个,即babylon(默认)、flow,由于babylon的bug较少,对编译事情支持度较好,以是默认情况下选用babylon即可。
babylon即babel6的编译工具,在babel7中已更名为@babel/parser


3.eslint融合

eslint作为壮大的linter工具,与vscode配合后能降低代码问题的风险,在coding的历程中就发现潜在问题,提高代码质量。

3.1 eslint-config-prettier

eslint的config可以继续自第三方包的config,config中界说了rules的开关规则,eslint-config-prettier主要界说了prettier格式化后导致eslint报错的那些规则

3.2 eslint-plugin-prettier

eslint与prettier的格式化需要划分举行,若是想要让eslint fix的同时,也能兼顾prettier的规则举行格式化,就需要使用到eslint-plugin-prettier这个插件。

它的主要作用就是专门界说了eslint fix的prettier规则

3.3 融合写法

在.eslintrc文件中加入以下设置

{
  "extends": ["plugin:prettier/recommended"]
}

这段代码有三个作用

  • 继续prettier的config规则
  • 开启rules的 "prettier/prettier": "error"
  • eslint fix的同时执行prettier格式化


思源资源网:分类流动

1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

相关文章

有没有先做事后收费的黑客(有没有网络黑客先做事后付费的)

有没有先做事后收费的黑客(有没有网络黑客先做事后付费的)

本文导读目录: 1、黑客有哪些攻击手段? 2、强攻支付宝的黑客,在转账成功前一秒发生了什么事? 3、谁叫我做鸽子免杀...事后!100元酬劳 4、我在网上被骗了,急求这笔钱,谁能帮帮我,事...

黄酒是什么酒?黄酒是什么原料做的

黄酒是什么酒?黄酒是什么原料做的

黄酒是中国的民族特产,是唯一产自我国的酒种,是米酒的一种,属于酿造酒。在世界三大酿造酒(黄酒、葡萄酒和啤酒)中营养价值最高。酿酒技术独树一帜,成为东方酿造界的典型代表和楷模。 黄酒可帮助血液循环,促...

云顶之弈S4盾盾流怎么玩 云顶之弈10.19盾盾流玩法

云顶之弈S4盾盾流怎么玩 云顶之弈10.19盾盾流玩法

云顶之弈S4盾盾流怎么玩?云顶之弈S4已经在最近更新了,这次更新了以后涌现出了很多新的阵容。相信目前大家都看到了一些强势的阵容,不过除了强势阵容以外,我们还是可以有一些整活的玩法,这里就来教大家盾盾流...

木马制作,找黑客做软件,微信被盗了 找黑客帮忙有用吗

发掘鸡的要害字 添 setup.asp图6 引进进犯代码 max-len完毕的最大长度字符串(这个选项是有必要的) } //else...

能看指尖的黑客的(指尖的黑客在线阅读)

能看指尖的黑客的(指尖的黑客在线阅读)

本文目录一览: 1、《指尖的黑客》txt全集下载 2、求黑客或特工类bl小说 3、找少关于少年黑客的全本小说 4、请问哪位仁兄能告诉小弟下 指尖的黑客 在哪能下到完整版的啊? 5、谁推...

“世界客都”广东梅州迪拜国际机场元旦假期迎八方来客 扬客

  “世界客都”广东梅州在元旦假期迎来了阳光灿烂的好天气。不少景区吸引了众多游客前来“打卡”、品味客家文化。   在客乡老街,三三两两的汉服爱好者们,穿上各式各样的汉服在街头巷尾拍照留影。不少外地游...