angular - vscode'da bir (veya iki) kısayolla TypeScript ve HTML arasında nasıl geçiş yapılır?

Angular2 ile çalışırken, sıklıkla içinde html şablonu olan typescript @Components ile karşılaşıyorum.

Atom her ikisinin de aynı anda sözdizimi vurgulamasını desteklerken, VSCode desteklemiyor.

Şu anda, ikisi arasında geçiş yapmak için CTRL+K M kısayolunu kullanmanız ve "typescript" veya "html" yazmanız gerekiyor, bu sorun değil ama yeni bileşenler geliştirirken biraz zahmetli.

Kısayolları bağlayarak dil değiştirmeyi "workbench.action.editor.changeLanguageMode" komutunu keybindings.json dosyasına eklemek istiyorum. İdeal olarak şöyle bir şey olurdu:

{ "key": "ctrl+win+h", "command": "workbench.action.editor.changeLanguageMode", **toggle="html,typescript"**  }

ama böyle bir şey de olur:

{ "key": "ctrl+win+h", "command": "workbench.action.editor.changeLanguageMode", **value="html"**  }

{ "key": "ctrl+win+t", "command": "workbench.action.editor.changeLanguageMode", **value="typescript"**  }

Açıkçası, mesele keybindings.json dosyasının "value" alanını desteklememesi.

Bunu başarmanın herhangi bir yolu var mı?

Cevap #1

Visual Studio Code uzantılarım arasından Angular Switcher'ı yükledim. Bu uzantı aşağıdaki iki komutu sağlar:

  • extension.ionSwitchHTML ilgili .html dosyasına geçiş için
  • extension.ionSwitchTS ilgili .ts dosyasına geçiş için

Sonra Kısayol Tuşları'nı şu kısayol tuşuyla açıyorum: [Ctrl+k, Ctrl+S]

veya Dosya > Tercihler > Klavye Kısayolları. Bundan sonra, bana yukarıdaki iki komutu gösteren ionSwitch anahtar kelimesiyle arama yaptım.

Sonra, Ctrl+Shift+H ve Ctrl+Shift+T tuş kombinasyonlarını sırasıyla rahat hissettiğim şekilde tuş ataması için her bir komuta tıkladım.

angular-2 switcher uzantısı için, yukarıdakiyle aynı prosedür.

Bu, kodlamayı daha kolay hale getirir.

Teşekkürler

Cevap #2

Eğer sizi doğru anladıysam, html şablonunuz ile typescript kodunuz arasında geçiş yapmak istiyorsunuz. Bunun için angular2-switcher adında bir eklenti mevcuttur.

Buradan mevcut: https://marketplace.visualstudio.com/items?itemName=infinity1207.angular2-switcher

İlgili makaleler