使用prettier的接口进行文本格式化

本文介绍了如何在TypeScript中使用Prettier API对代码进行格式化。通过引入`prettier/standalone`和`parser-babel`,调用`prettier.format()`方法,将未格式化的JavaScript代码转换为格式化的代码。示例中展示了`prettier.format()`的用法,并给出了格式化前后的代码对比。

利用搜索引擎搜了一圈发现,中文网都没介绍关于如何使用 prettier API 的。本文就简单的介绍一下使用prettier api的例子。

本文教程取自于:API Prettier.Format throws an error · Issue #9801 · prettier/prettier (github.com)

官方说明:Browser · Prettier

安装依赖:(其他的使用形式可以参考 上面的链接)

npm install --save-dev --save-exact prettier

这边简单的介绍一下 prettier.format(code, options)typescript 使用例子:

import prettier from 'prettier/standalone';
import parserBabel from 'prettier/parser-babel';

const code = "let a=  1;let b    =2;"
const formatText = prettier.format(this.responseData, {
      parser: "babel",
      plugins: [parserBabel]
});
console.log(formatText);
控制台输出:
let a = 1;
let b = 2;

格式化前:

 格式化后:

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值