首页 > 解决方案 > 如何在 codepen 中将漂亮的打印应用于 JSX?

问题描述

是否有热键(或任何功能)可以在 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>

标签: reactjspretty-printcodepen

解决方案


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

前:

在漂亮格式化之前

后: 经过漂亮的格式化


推荐阅读