javascript - 如何自动格式化 VS Code？复制 html 并粘贴 JSX？

Question

安装 Prettier 是为了帮助格式化我的代码，但我想格式化我粘贴的内容。每当我从引导程序复制和粘贴时，我必须手动将类更改为类名，关闭输入标签并将 for 更改为 HtmlFor。我怎样才能做到这一点？

我复制和粘贴的内容：

<div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>

我复制并要粘贴的内容

<div className="form-group">
    <label htmlFor="exampleInputPassword1">Password</label>
    <input type="password" className="form-control" id="exampleInputPassword1" placeholder="Password"/>
</div>

标签： javascriptvisual-studio-codejsxvscode-settings

Answer 1

您可以使用此扩展程序：

https://marketplace.visualstudio.com/items?itemName=riazxrazor.html-to-jsx

我想您可以添加粘贴并执行此扩展程序的快捷方式