我的 app.component.ts
文件中有以下 block :
@Component({
selector: 'my-app',
template: `
<h1>{{title}}</h1>
<h2>My Heroes</h2>
<ul class="heroes">
<li>
<!-- each hero goes here -->
</li>
</ul>
<h2>{{hero.name}} details!</h2>
<div><label>id: </label>{{hero.id}}</div>
<div>
<label>name: </label>
<input [(ngModel)]="hero.name" placeholder="name">
</div>
`
})
我如何告诉 WebStorm 美化我的 JS 以及引号内的 HTML?
我已经尝试过:Code > Auto-indent Lines
和 Code > Reformat Code
我正在使用 WebStorm 2016.3
最佳答案
您可以使用 Edit Angular2HTML Fragment
意图:
要调出它,只需在字符串上单击 Ctrl+Enter
。
它将打开编辑器,您可以在其中美化代码,更改将反射(reflect)在字符串中。
关于javascript - WebStorm:如何美化 JavaScript 文件中引号中的 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40651245/