TSX dosyalarını Visual Studio Code'da canlı olarak görüntülemek ve düzenlemek için aşağıdaki adımları izleyebilirsin:

Live Server Eklentisini Kur: Visual Studio Code’a Live Server eklentisini indir ve kur. Bu eklenti, HTML ve diğer bazı dosyaları canlı olarak tarayıcıda görüntülemeye yarar, ancak TSX için birkaç ek adım gerekecek.

Proje Yapısını Ayarla: TSX dosyaları genellikle React projelerinde kullanılır, bu yüzden bir React projesi oluşturman gerekebilir. Bunu yapmak için:

Visual Studio Code terminalini aç.
npx create-react-app my-app --template typescript komutunu çalıştırarak TypeScript destekli bir React projesi oluştur.
Proje klasörüne geçiş yap: cd my-app
Proje Başlat: npm start komutunu terminalde çalıştırarak React projesini başlatabilirsin. Bu komut, projeyi canlı olarak çalıştıracak ve her değişiklik yaptığında tarayıcıda otomatik olarak güncelleyecek.

Visual Studio Code ile Düzenle: TSX dosyalarını “src” klasöründe bulup düzenleyebilirsin. Tarayıcı otomatik olarak güncellenecek.

Bu şekilde, yaptığın değişiklikleri canlı olarak gözlemleyebilir ve hızlıca düzenleyebilirsin.