用户登录

在缩写代码的时候我们都需要格式化一下代码的排版,比如要用单行还是分成多行,代码的缩进,空格等等。使用 Prettier 这个工具可以帮我们格式化一下编写的 TypeScript 或者 JavaScript 代码。

在项目的根目录下面有个 Prettier 的配置文件,就是这个 .prettierrc,里面可以配置一些规则。

再打开 package.json,在这个文件里定义了一个 format 命令,它执行的就是 prettier 这个工具。这个 prettier ,已经添加到了这个项目的开发依赖里了。

打开应用里的一个文件,比如 app.controller.ts 。

随便修改几个地方,把这个单引号,换成双引号,再让这个构造方法里的参数放在第二行, 然后修改一下这个代码的缩进。

格式化应用的代码,可以执行 format 命令,在终端,运行一下 npm run format。 这样就会使用 Prettier 格式化 src 目录下面的所有文件里的代码。

双引号变成了单引号,修改了代码单行或者多行显示问题,还有代码的缩进问题。

插件

在 VSCode 编辑器还可以安装一个 Prettier 插件,先打开命令面板,搜索 Install,选择安装扩展,然后搜索 Prettier 这个扩展,找到以后可以安装一它。

下面可以再做点配置,打开编辑器的配置,搜索一下 format 这个关键词,然后可以勾选一下这个 format on save,保存文件自动格式化。

再试一下,修改一下这个代码的排版,保存一下,编辑器现在会用 Prettier 自动格式化这个文件里的代码。

格式化代码(prettier)《 Nest.js 应用案例:工作流 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点