软件简介

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

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

示例:

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

foo(arg1, arg2, arg3, arg4);

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

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

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

foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne()
);
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
发表于大前端专区
2019/11/11 07:51

Prettier 1.19 发布,前端代码格式化工具

Prettier 1.19 已经发布,主要更新内容如下: CLI 修复 1.19.0 版本中 --stdin 回归 // Prettier stable $ echo "test" | prettier --stdin --parser babel [error] regeneratorRuntime is not defined // Prettier master $ echo "test" | prettier --stdin --parser babel test; TypeScript 修复联合类型格式化为箭头函数返回类型 // Input export const getVehicleDescriptor = async ( vehicleId: string, ...

0
0
2019/02/04 06:31

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

Prettier 是一个“有主见”的代码格式化工具,能够使输出代码保持风格一致。支持列表: JavaScript,包括 ES2017 JSX Flow TypeScript CSS、LESS 和 SCSS JSON GraphQL 本次更新内容如下: API: Fix prettier.getSupportInfo() reporting babel parser for older versions of Prettier. (#5826 by @azz) In version 1.16.0 of Prettier, the babylon parser was renamed to babel. Unfortunately this lead to a minor breakin...

3
11
2019/01/23 07:09

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

Prettier 是一个“有主见”的代码格式化工具,能够使输出代码保持风格一致。支持列表: JavaScript,包括 ES2017 JSX Flow TypeScript CSS、LESS 和 SCSS JSON GraphQL 新版本更新内容如下: JavaScript:不要将带有参数的函数格式化为 Reactive Hooks(#5778 by @SimenB) JavaScript:为装饰器添加必要的括号 (#5785 by @ikatyang) TypeScript: arrow 函数返回类型中函数类型的稳定括号(Stable parentheses) (#5790 by @ikaty...

0
15
发表于开发技能专区
2018/12/01 07:42

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

Prettier 是一个“有主见”的代码格式化工具,能够使输出代码保持风格一致。支持列表: JavaScript,包括 ES2017 JSX Flow TypeScript CSS、LESS 和 SCSS JSON GraphQL Prettier 1.15.3 包含许多新特性和改进,部分内容如下: JavaScript: 支持 htm (#5565) JavaScript: 支持逻辑赋值运算符 (#5489) JavaScript: 不再在 html 模板中为 interpolation-only 属性添加引号 (#5544) TypeScript: 支持 BigInt (#5546, #5577) HTML: ...

3
34
发表于开发技能专区
2018/11/08 07:53

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

Prettier 被称为前端代码格式化“神器”,这是一个“有主见”的代码格式化工具,能够使输出代码保持风格一致。支持列表: JavaScript,包括 ES2017 JSX Flow TypeScript CSS、LESS 和 SCSS JSON GraphQL YAML Markdown 在最新发布的 1.15 版本中,Prettier 新增以下支持: HTML Vue Angular MDX 具体细节请查阅发行说明: https://prettier.io/blog/2018/11/07/1.15.0.html...

3
36
发表于服务端专区
2018/08/13 07:50

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

Prettier 是一个“有主见”的代码格式化工具,能够使输出代码保持风格一致。支持列表: JavaScript,包括 ES2017 JSX Flow TypeScript CSS、LESS 和 SCSS JSON GraphQL Prettier 1.14.2 是针对 1.14 的一个补充修复版本,更新内容如下: YAML:修复在 Windows 上的行尾问题 (#4957) TypeScript:更好的报错提醒 (#4947) 更多细节可查阅 Changelog 源码下载: Source code (zip) Source code (tar.gz)...

1
24
发表了资讯
2017/10/05 05:13

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

Prettier 是一个“有主见”的代码格式化工具,能够使输出代码保持风格一致。支持列表: JavaScript,包括 ES2017 JSX Flow TypeScript CSS、LESS 和 SCSS JSON GraphQL Prettier 1.7.4 是一个小修复版本,更新内容如下: Force template literals to break after ` for styled-components Update cosmiconfig to v3.1.0 Respect --stdin-filepath, regardless of config source 下载地址: Source code (zip) Source code (tar...

0
42
发表了资讯
2017/09/18 07:36

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

Prettier 是一个“有主见”的代码格式化工具,能够使输出代码保持风格一致。支持列表: JavaScript,包括 ES2017 JSX Flow TypeScript CSS、LESS 和 SCSS JSON GraphQL Prettier 1.7.0 针对JSX、TypeScript、CSS 和 JavaScript 格式化提供了一些 bug 修正和调整,并添加了一些新特性。 完整更新内容 下载地址: Source code (zip) Source code (tar.gz)...

5
56
发表了资讯
2017/08/31 07:53

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

Prettier 是一个“有主见”的代码格式化工具,能够使输出代码保持风格一致。支持列表: JavaScript,包括 ES2017 JSX Flow TypeScript CSS、LESS 和 SCSS JSON GraphQL Prettier 1.6.0 更新亮点: Configuration Implement cosmiconfig for workspace configuration Support .prettierignore files JSX Improve JSX Formatting Inline single expressions in JSX Ensure there is a line break after leading JSX white space 完...

1
39
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2019/05/27 15:26

prettier

module.exports = { root: true, env: { node: true }, extends: ['plugin:vue/essential', '@vue/prettier'], rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'prettier/prettier': [ 'error', { // tab缩进大小,默认为2 tabWidth: 2, ...

0
0
发表于大前端专区
2019/02/25 12:34

warning delete ·· (prettier/prettier)

# 问题 在vuejs项目中遇到如下问题: ```bash warning delete ·· (prettier/prettier) ``` # 解决 在vuejs项目中,运行如下命令解决: ```bash npm run lint --fix ``` # 参考 * ["error Delete `⏎` prettier/prettier" in .vue files](https://github.com/prettier/eslint-plugin-prettier/issues/114)...

0
0
发表了博客
2020/11/27 17:49

prettier安装到使用

What install why config run problems? my install progress 什么是prettier Prettier的中文意思是“漂亮的、机灵的”,也是一个流行的代码格式化工具的名称,它能够解析代码,使用你自己设定的规则来重新打印出格式规范的代码。 Prettier具有以下几个有优点: 可配置化 支持多种语言 集成多数的编辑器 简洁的配置项 使用Prettier在code review时不需要再讨论代码样式,节省了时间与精力。下面使用官方的例子来简单的了解下它的...

0
0
发表了博客
2019/12/31 08:47

VSCode使用prettier 插件时出现: warning: Delete `··` (prettier/prettier) at "xxxxxx"

前提条件(我的环境配置): 系统为windows 环境 已安装VSCode组件 prettier 本机全局安装prettier npm install -g prettier 项目已集成eslint 1 全局安装eslint npm install -g eslint 2 初始化eslint项目配置 eslint --init 原因 自动格式化 最前面会加2个空格。(见:参考文章 不同系统的endOfLine问题) 解决方法: 打开vscode 的配置文件加一行就ok了 "prettier.endOfLine": "crlf", 参考文章: 1、VSCode 使用 ESLint + P...

0
0
发表了博客
2020/11/27 17:50

webStrom安装和配置Prettier

1、安装webStrom 2、通过命令面板安装prettier。通过npm install -g prettier或者npm install --save-dev prettier来安装。 3、通过webStrom配置prettier。 进入设置页面,搜索file watchers。 点击右边的加号,找到Prettier,点击Prettier。 File type中选择任何文件,直接全部确定就可以啦。...

0
0
发表了博客
2019/12/08 00:15

Prettier - Code formatter使用

更多VSCode插件使用请访问:VSCode常用插件汇总 Prettier - Code formatter这是一款 格式化js、css代码插件,暂不解释。 Prettier是什么? Prettier的中文意思是“漂亮的、机灵的”,也是一个流行的代码格式化工具的名称,它能够解析代码,使用你自己设定的规则来重新打印出格式规范的代码。 Prettier具有以下几个有优点: 1.可配置化 2.支持多种语言 3.集成多数的编辑器 4.简洁的配置项 使用Prettier在code review时不需要再讨...

0
0
发表了博客
2018/09/20 17:45

Prettier来统一代码风格

prettier是一款解决代码风格问题的代码格式化工具,功能强大,简单易用,支持多语言,减少配置项。 前端开发过程中每个人写JavaScript的代码风格都不一样,又不能说别人写的代码有问题,这都是习惯的问题,比如有的人写if-else语句有以下的写法: if(name == 'zeng'){ alert('good') } else{ alert('bad') } //另一种写法 if(name == 'zeng'){ alert('good') }else{ alert('bad') } //再者 i...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
92 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部