vueでタグのリネームを快適に
htmlのタグのリネーム(主に閉じタグ)が快適じゃないので現状を整理する。 vscodeの拡張 入れるとタグ編集時閉じタグも勝手に直してくれる。
いい点
悪い点
マルチラインのタグに対して改行が自動リネームが適応されない。 これは80文字で自動改行機能があるprettierと相性が最悪である。 vscodeの公式に追加された機能。閉じタグにカーソルが勝手に表れて編集してくれる いい点
マルチラインのタグでも自動でリネームしてくれる
悪い点
html以外のファイルに適応できない
HTMLのテンプレートエンジン ショートハンドに特化してる。
いい点
そもそもとして閉じタグを持たない。
悪い点
esLintの恩恵を受けられない。
一番先にissueが閉じたやつに私は飛びつくぞ！(他力本願)
2020/1/21 犬のアイコンの人から案をもらった。
emmetのコマンドパレットにある機能で update tag機能を利用する。
いい点
vue, tsx, jsxで利用可能
マルチラインのタグも自動でリネームしてくれる
悪い点
呼び出しが1タッチではいかない。
vscodeのキーボードショートカットでオリジナルのキーバインドを設定することで解決。かくて最高のタグリネームタグ環境にたどり着いた。 https://gyazo.com/f942e3f2db82e310c995b5d5e7cefcc0