更漂亮 + VS 代码。 返回语句后在网页上打印分号（.js）

Question

Prettier v8.1.0 开箱即用（无.prettierrc文件）

我正在写.js文件。 Prettier 在 return 语句后添加分号。 这些显示在我的开发环境网页中。

- 例子

return (
    <div className="not-found">
      <h1>Oops...</h1>
      <h2>That page cannot be found.</h2>
      <p>
        Go back to the
        <Link href="/">
          <a>Homepage</a>
        </Link>
      </p>
    </div>
  );

我对此进行了广泛的研究，似乎没有其他人遇到过这个问题（或者至少在谷歌搜索上写过）。 请注意我不得不通过寻找这个答案来过滤大量的讨论，但结果却发现人们在争论那些在每一行之后使用分号的人和那些不使用分号的人。

如何在不完全禁用分号自动插入的情况下解决此问题？

Answer 1

目前没有自动执行此操作的选项，而且根据Prettier 文档，永远不会有。

由于历史原因，Prettier 有一些选择。 但我们不会添加更多。

...

现在 Prettier 已经足够成熟，我们看到它被许多组织和项目采用，研究阶段已经结束。 我们有足够的信心得出结论，Prettier 达到了应该“冻结”选项集的地步

---

在您的情况下，您可以告诉 Prettier 根本不要手动格式化return语句，使用ignore-comment ，您可以在上面添加注释// prettier-ignore以告诉 Prettier 在格式化时跳过您的 return 语句。

和：

// prettier-ignore
return [
  "this", "that"
,
      "here", "there"
]

没有：

return ["this", "that", "here", "there"];

Answer 2

1. Lejlun 的回答是正确的（并标记为正确），但没有解决问题。 如果不完全禁用分号自动插入，就无法解决此问题。 时期。

解决方案 #1：将 javascript 文件中的分号与 Prettier 一起丢弃（通过将“semi”设置为 false，在根目录中使用 a.prettierrc.xyz 配置文件）。 拥抱没有分号“噪音”的代码看起来更干净的方式。

解决方案#2：完全停止使用保存时自动格式化选项，同时还要记住每次都手动删除多余的分号，并处理潜在的错误。

解决方案 #3：使用 .prettierignore 文件或将注释插入到每个文件（在每个单独的 function 块上方）中，您希望 Prettier 不“触摸”这些地方。 然后手动格式化所有返回的内部。 处理同行对你 go 为什么采取如此极端的措施来使你的方法起作用而不是仅仅退出在 js 代码中使用 semis 的判断。

就个人而言，我喜欢#1。 我希望这能在不久/遥远的将来对某人有所帮助。 谢谢乐伦！ 好的输入 Scotty！