js 格式化prettier配置_格式化代码(Prettier)《 Nest.js 应用案例:启动 》

Nest.js 框架会使用 Prettier 这个东西来格式化项目的代码,项目的根目录下面,会有一个 .prettierrc ,它是一个配置文件,在这个文件里你可以告诉 Prettier 怎么来格式化这个项目里的代码。

再打开 package.json 这个文件,在 devDependencies 里面,你可以找到 prettier,它会作为这个项目的开发依赖。也就是在项目下面执行了 npm install 以后,也会把这个 Package 安装好。

另外 Nest 框架在 scripts 里面,还定义了一个 format 命令,执行它的时候,会用 prettier 格式化应用里的代码。

我们也可以配置一下代码编辑器,在上面安装一个 Prettier 插件,然后配置编辑器,在保存文件的时候,自动使用 Prettier 格式化文件的代码。

打开命令面板,搜索 Install,选择安装扩展,然后搜索一下 Prettier 这个扩展,找到以后可以安装一下它。

再打开编辑器的配置,搜索 Format ,可以勾选一下 Format On Save 这个选项。 保存文件的时候格式化文件里的代码。

打开项目里的一个文件,比如打开这个 post.controller.ts 文件。

这个文件里面,有些代码的下面,会用黄色的线标注了一下,鼠标放在上面会提示到底出了什么事儿,我这里提示说 Missing trailing comma ,结尾的地方少了一个逗号。

可以保存一下这个文件,编辑器会自动格式化这个文件里的代码。

下面可以再试一下项目里定义的 format 命令,格式化一下应用里全部的代码。

在终端,执行一下 npm run format ,这个命令会用 Prettier 格式化项目的 src 目录下面的所有扩展名是 .ts 的文件里的代码。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值