前端代码格式化工具 Prettier

前端代码格式化工具 Prettier

MIT
JavaScript
跨平台
2017-08-29
王练

Prettier 是一个“有主见”的代码格式化工具,支持列表如下:

简而言之,这个工具能够使输出代码保持风格一致。

示例:

举个例子,对于下面这行代码:

foo(arg1, arg2, arg3, arg4);

它适合在同一行显示。但是我们经常会遇到的代码是这样的:

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

于是,Prettier 会把这段代码转变成这样:

foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne()
);
加载中

评论(0)

暂无评论

Prettier 1.15.3 发布,前端代码格式化“神器”

Prettier 是一个“有主见”的代码格式化工具,能够使输出代码保持风格一致。支持列表: JavaScript,包括 ES2017 JSX Flow TypeScript CSS、LESS 和 SCSS JSON GraphQL Prettier 1.15.3 包含...

12/01 07:42

Prettier 1.15 正式发布,支持 HTML、Vue 和 Angular

Prettier 被称为前端代码格式化“神器”,这是一个“有主见”的代码格式化工具,能够使输出代码保持风格一致。支持列表: JavaScript,包括 ES2017 JSX Flow TypeScript CSS、LESS 和 SCSS J...

11/08 07:53

Prettier 1.14.2 发布,前端代码格式化“神器”

Prettier 是一个“有主见”的代码格式化工具,能够使输出代码保持风格一致。支持列表: JavaScript,包括 ES2017 JSX Flow TypeScript CSS、LESS 和 SCSS JSON GraphQL Prettier 1.14.2 是针...

08/13 07:50

Prettier 1.7.4 发布,前端代码格式化“神器”

Prettier 是一个“有主见”的代码格式化工具,能够使输出代码保持风格一致。支持列表: JavaScript,包括 ES2017 JSX Flow TypeScript CSS、LESS 和 SCSS JSON GraphQL Prettier 1.7.4 是一个...

2017/10/05 05:11

Prettier 1.7.0 发布,前端代码格式化“神器”

Prettier 是一个“有主见”的代码格式化工具,能够使输出代码保持风格一致。支持列表: JavaScript,包括 ES2017 JSX Flow TypeScript CSS、LESS 和 SCSS JSON GraphQL Prettier 1.7.0 针对J...

2017/09/18 07:36

Prettier 1.6.0 发布,前端代码格式化“神器”

Prettier 是一个“有主见”的代码格式化工具,能够使输出代码保持风格一致。支持列表: JavaScript,包括 ES2017 JSX Flow TypeScript CSS、LESS 和 SCSS JSON GraphQL Prettier 1.6.0 更新亮...

2017/08/31 07:51

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

实例详解Vue项目使用eslint + prettier规范代码风格

团队开发的项目,如果没有对代码风格作要求,有多少团队成员,就当然会出现多少种不同的代码风格。因此,我们需要一种能够统一团队代码风格的工具,作为强制性的规范,统一整个项目的代码风格...

11/10 16:06
37
0
用Prettier和ESlint来统一提交代码

为什么使用 很遗憾,JavaScript没有官方的代码风格。业界有一些流行的代码风格,比如Airbnb和Standard。使用它们的话,团队成员之间的代码会更易读。你也可以使用ESLint 来统一风格。但是它并...

06/19 17:43
176
0
vscode 代码格式化,语法检查插件ESLint+Prettier ,vue格式化

ESLint+Prettier prettier只关注格式化 ,插件prettier-vscode,编辑器的配置setting.json会出现prettier插件的相关配置节点,同时也能看到一些默认的配置信息。 一定是下图这个搜出多个 安装成...

06/20 16:34
164
0
我为什么推荐Prettier来统一代码风格

**译者按: ** 关于代码风格,不同的人有不同的偏好,其实并没有什么绝对的对错。但是,有2条原则应该是对的: 少数服从多数;用工具统一风格。 原文: Why robots should format our code for...

2017/10/25 16:19
57
0
vscode 中的 vue 格式化(一)

使用 vscode 开发 vue, 必不可少的插件包括 vetur, prettier vetur 提供了下面一系列的功能: Features Syntax-highlighting 高亮 Snippet 代码片段 Emmet 缩写语法 Linting / Error Checki...

10/18 18:56
19
1
vs code 格式化vue 全部插件

1、安装vetur 、prettier 不然无法格式化的,然后设置单引号,加方法隔空 { "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatter.html": "js-beautif...

10/24 14:45
54
0
在2018年如何优雅的开发一个typescript语言的npm包?

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由小明plus发表 很多时候,我们可能想要用 typescript 语言来创建一些模块,并提交到 npm 供别人使用, 那么在 2018 年,如果...

11/27 11:23
7
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部