更漂亮的 shell 脚本格式答案

【问题标题】：Prettier shell script format更漂亮的 shell 脚本格式
【发布时间】：2021-08-03 07:10:34
【问题描述】：

我可以用 Prettier 格式化模板文字嵌入的 shell 脚本吗？

例子：

格式化前：

import {bash} from 'random-bash-runner'

await bash`
a_bash_command argument1 \
     main-dev \
argument4 --database=name --quiet`

格式化后：

import {bash} from 'random-bash-runner'

await bash`
  a_bash_command argument1 \
    main-dev \
    argument4 l \
    --database=name --quiet
`

谢谢

【问题讨论】：

【解决方案1】：

Prettier 无法格式化 bash 文件。相反，您可以尝试使用 VSCode 的 shell-format 或 Bash Beautify 扩展来格式化您的 bash 脚本。

【讨论】：

我已经在我的 bash 脚本中使用了 vs-shell-format。 Google 最近发布了zx，它是在 javascript 中运行 shell 脚本的助手。您已经可以使用 Prettier 格式化一些嵌入式语言（请参阅上面来自 @RolvApneseth 的答案），但 shell 脚本不是其中之一。谢谢

【解决方案2】：

Prettier 可以通过设置--embedded-language-formatting=auto（参见here）格式化模板。

但是，它可以格式化的语言（来自 VSCode 上的扩展页面）是：

JavaScript · TypeScript · Flow · JSX · JSON
CSS · SCSS · Less
HTML · Vue · Angular
GraphQL · Markdown · YAML

所以恐怕不行，Prettier 无法做到这一点，因为 bash 或 shell 不在此列表中。

【讨论】：