多语言展示
当前在线:1472今日阅读:23今日分享:25

prettier怎么设置

Prettier的中文意思是“漂亮的、机灵的”,也是一个流行的代码格式化工具的名称,它能够解析代码,使用你自己设定的规则来重新打印出格式规范的代码。
工具/原料

Prettier

方法/步骤
1

Prettier具有以下几个有优点:可配置化支持多种语言集成多数的编辑器简洁的配置项使用Prettier在code review时不需要再讨论代码样式,节省了时间与精力。下面使用官方的例子来简单的了解下它的工作方式。

2

和ESLint一起使用很多项目都会使用ESLint来提高代码的质量,有两种方式能够集成Prettier和ESLint,你也可以单独或同时使用它们。

3

使用ESLint运行Prettier如果你已经在你的项目中使用ESLint并且想要只通过单独一条命令来执行你的所有的代码检查的话,你可以使用ESLint来为你运行Prettier。只需要使用eslint-plugin-prettier来添加Prettier作为ESLint的规则配置。

4

关闭ESLint的格式规则你是否通过ESLint来运行Prettier,又或者是单独运行两个工具,那你大概只想要每个格式问题只出现一次,而且你特别不想要ESLint仅仅是和Prettier有简单的不同和偏好而报出“问题”。所以你大概想要禁用冲突的规则(当保留其他Prettier不关心的规则时)最简单的方式是使用eslint-config-prettier。它可以添加到任何ESLint配置上面。yarn add --dev eslint-config-prettier.eslintrc.json

推荐信息