如何在 codepen 中将漂亮的打印应用到 JSX？

Question

是否有热键（或任何功能）可以在 CodePen 中将漂亮的打印应用到我的代码？

专门针对 JSX：

  <div class="container">
  <div class="row">
   <Card title="Card1" />
    </div>
  <div class="row">
   <Card title="Card2"/>
    </div>
  <div class="row">
   <Card title="Card3"/>
    </div>
    </div>

Answer 1

您可以使用 CodePen 的 Tidy JS 功能：

之前:

之后：

如何在 codepen 中将漂亮的打印应用到 JSX？

How to apply pretty print to JSX in codepen?

pretty-print

reactjs

codepen