如何自动格式化 VS 代码？复制 html 并粘贴 JSX？

Question

Prettier 已安装以帮助格式化我的代码，但我想格式化我粘贴的内容。每当我从 bootstrap 复制和粘贴时，我必须手动将 class 更改为 className，关闭输入标签并将 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>

Answer 1

您可以使用此扩展程序：

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

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

如何自动格式化 VS 代码？复制 html 并粘贴 JSX？

How to auto-format VS Code? Copying html and pasting JSX?

javascript

jsx

visual-studio-code

vscode-settings