Q&A
Macでやっていて、Vueテンプレート上での作業が問題なのかフォーマットが変わりません。。。
vueテンプレートで属性ごとに改行させたいです。
エディタはvscodeを使っています。
どうすればいいのでしょうか。
html.format.wrapAttributesをforce-expand-multilineで設定しても変わりませんでした。
// 現在 <input id="test" type="text" style="test" />
// 理想 <input id="test" type="text" style="test" />
回答2件
0
ベストアンサー
属性の数が多くなったら改行されました。。。
投稿2019/10/10 01:13
退会済みユーザー
総合スコア0
0
html.format.wrapAttributesをforce-expand-multilineに設定した後
alt + shift + Fを押すと理想のものに変換はしてくれますね
html
1<body> 2 <input id="test" type="text" placeholder="test"> 3</body>
が
html
1<body> 2 <input 3 id="test" 4 type="text" 5 placeholder="test" 6 > 7</body>
にはなりました
しかし入力中は前者の様になってしまいますね…
オートインデントも機能しませんでした
投稿2019/09/26 20:57
総合スコア133
申し訳ないですがVueの知識が無いためそちらでの動作確認はできません
一応ですけど僕もMacでやっています
現在の質問内容ではただのHTMLと捉えられてしまうため
質問内容を直した方が正しい回答が得られるかもしれません
説明足らずですみません。
HTML内ではそれで動作するのですね！
質問内容を修正しときました。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。