2016-04-14 13 views
19
にHTMLタグの名前を変更

はのは、私は次のコード選択整合素子/ Visual Studioのコード

私は footer要素に div要素から .footerを変更するにはどうすればよい

<div class="footer"> <div>Foo</div> </div>

を持っているとしましょうか?

つまり、私はカーソルがある場合div私は、要素の開始タグと終了タグを選択するキーボードショートカットを探しています。私はこれまでSublimeでこれを行うためにemmetを使ってきたと信じていますが、Codeで同様の機能を見つけることはできません。 (理想的にはこれもJSXファイルでも機能します...)

+0

これはまだ私が見つけることができる機能ではなく、拡張機能やエディタ機能が一貫してエミュレートされていない(誰かが見つかった場合は投稿する)ということはありません。しかし、ユーザーボイス[リクエスト](https://visualstudio.uservoice.com/forums/293070-visual-studio-code/suggestions/8243982-auto-close-rename-html-tags-like-visual-studio)があります。私たちは上告することができます。 – Vimes

+0

HTTPスニペット拡張、 のインストールと設定を使用することができます:https://stackoverflow.com/a/45279141/8187926 – Rox

答えて

23

あなたはペアのタグの名前を変更しますか?はいの場合は、はるかに簡単な方法があります:Auto Rename Tagの拡張機能をインストールするだけです。 1つのHTMLタグの名前を変更すると、ペアになったHTMLタグの名前が自動的に変更されます。

enter image description here

+0

これともっと最近のアップデートの間に、より多くのemmet機能が追加されています。完璧ではない(いくつかのJSXでトリップになる)が、これを使用して名前を変更してタグを削除することができます。 – alanmoo

+3

これは標準的な動作です。 –

5

あなたは選択の隣に一致する要素を追加するためのショートカットキーcmd + Dする(Mac OS)を使用することができ、その後、同時にオープンタグと終了タグを編集する可能性があります。

3

ウィンドウでCtrl + Dを押します。 @tataataで述べたように、Mac OSではCMD + Dです。タグ名の変更に限定されません。非常に便利。

関連する問題