如何解决如何配置漂亮,使其在VSCODE中以多行格式设置jsx属性?
我想要这样:
<input
id="inputForEmail"
type="email"
className="form-control"
aria-describedby="Enter email address"
placeholder="Enter email address"
/>
与此相反:
<input id="inputForEmail" type="email" className="form-control" aria-describedby="Enter email address" placeholder="Enter email address" />
解决方法
VSCode现在添加了一种方法。您可以编辑settings.json(ctrl + shift + p),然后添加以下内容以获得所需的效果:
"html.format.wrapAttributes": "force-aligned"
-或-
"html.format.wrapAttributes": "force"
force-aligned也将添加缩进量,以使其与打开标签的行上的属性对齐。
OR
您可以转到编辑器中的扩展程序,搜索漂亮的文件,然后安装它。然后,您无需进行任何设置,只需转到代码并按shift + i或shift + alt + f即可。干杯!您的代码格式正确。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。