VS kodunda etiket sarma nasıl yapılır?

Seçilen html VS kodunda bir etiket içinde sarmak istiyorum. Bunu nasıl yaparım?

Gömülü Emmet hile yapabilir:

1. Metin seç (isteğe bağlı)
2. Komut paletini aç (genellikle Ctrl+ Shift+ P)
3. gerçekleştirmek Emmet: Wrap with Abbreviation
4. Bir etiket div(veya bir kısaltma .wrapper>p) girin
5. hit Enter

Komut bir tuş takımına atanabilir.

Bu şey bile argümanları geçmeyi destekler:

{
    "key": "ctrl+shift+9",
    "command": "editor.emmet.action.wrapWithAbbreviation",
    "when": "editorHasSelection",
    "args": {
        "abbreviation": "span"
    }
},

Şöyle kullanın:

• span.myCssClass
• span#myCssId
• b
• b.myCssClass

VSCode pazarında hızlı arama: https://marketplace.visualstudio.com/items/bradgashler.htmltagwrap .

1. VS Kodu Hızlı Açılışını Başlat ( Ctrl+ P)

2. yapıştır ext install htmltagwrapve gir

3. HTML seç

4. Alt+ W( Mac için Option+ W) tuşlarına basın .

Yorum yapamayacağım gibi, Alex'in harika cevabına da değineceğim.

Kaydırma ile Sublime benzeri bir deneyim istiyorsanız, Keymap Uzantılarını açın (Tercihler> Anahtar Haritası Uzantıları [ Cmd+K Cmd + M]) açın ve aşağıdaki nesneyi ekleyin:

{
    "key": "alt+w",
    "command": "editor.emmet.action.wrapIndividualLinesWithAbbreviation",
    "when": "editorHasSelection && editorTextFocus"
}

Metin seçildiğinde Emmet sarma komutunu Alt+ ' ya bağlarW

(Yalnızca OSX talimatları için özür dileriz)

1. ⌘ Command+ k ⌘ Command+ sVeya yazarak Klavye Kısayollarını açmaCode > Preferences > Keyboard Shortcuts
2. tip emmet wrap
3. "Emmet: Kısaltmayla Sar" ın solundaki artı işaretini tıklayın
4. Tür ⌥ Option+w
5. Basın Enter

Snipets kullanarak bunun için daha iyi bir cevap var

Şunun gibi bir tanımla bir snippet oluşturun:

"name_of_your_snippet": {
    "scope": "javascript,html",
    "prefix": "name_of_your_snippet",
    "body": "<${0:b}>$TM_SELECTED_TEXT</${0:b}>"
}

Daha sonra keybindings.json gibi bir anahtara bağlayın. Örneğin:

{ 
    "key": "alt+w",
    "command": "editor.action.insertSnippet",
    "args": { "name": "name_of_your_snippet" }
}

Bunun htmltagwrap ile tam olarak aynı sonucu vereceğini, ancak bir uzantı yüklemeye gerek olmadığını düşünüyorum.

Seçilen metnin etrafına etiketler ekler, varsayılan olarak <b>etiketlenir ve etiketi seçer, böylece yazmak onu değiştirmenizi sağlar.

Farklı bir varsayılan etiketi kullanmak isterseniz sadece değiştirmek biçinde bodypasajının özelliği.