Visual Studio düzenleme, JSX

Question

Kullanıcı arabirimi için React ve JSX kullanan bir web sitesi oluşturmak için Visual Studio 2013 kullanıyorum. Bu tüm çalışır, ancak .jsx dosyaları düz metin olarak kabul edilir çünkü yavaş bir geliştirme ortamı için yapar. Yani sözdizimi vurgulama yok ve hata ayıklamaya yardımcı olmak için kırılma noktaları ayarlayamazsınız.

Bu deneyimi geliştirmek için bir yol var mı yoksa jsx dosyaları için başka bir editöre geçmek zorunda mıyım? Ben tavsiye edebilir

Answer 1

İki püf noktaları:

1) Visual Studio JavaScript biçimlendirme ile bir .jsx dosyasını görüntülemek yapabilirsiniz. Visual Studio'da Araçlar> Seçenekler> Metin Düzenleyicisi> Dosya Uzantıları'nı açın. Uzantıyı "jsx" olarak ayarlayın ve javascript düzenleyicisini seçin ve "Ekle" yi tıklayın. Değişiklikleri görmek için VS'yi kapatıp yeniden açmanız gerekebilir. .jsx dosyanızın altında render() yöntemini saklarsanız, oldukça iyi çalışır.

2) Kesme noktaları: Hayır, bunları önceden ekleyebilirsiniz, ancak bir çözüm var. Web uygulamanızı Visual Studio'da çalıştırdığınızda, "Komut Dosyası Belgeleri" adlı Solution Explorer penceresinde yeni bir klasör açılır. Dönüştürülmüş .jsx dosyalarınızdaki kod, bu "komut dosyası bloğu" dosyasına birleştirilir. Web sayfası yüklendikten sonra, Visual Studio'da web uygulamasını başlatmak içinnumaralı bağlantı noktasını'dan sonra buraya ekleyebilirsiniz.

Kuşkusuz, bu kesme noktaları hata ayıklayıcıyı durdurduğunuz anda kaybolur. Programınızı bir sonraki çalıştırmanızda tekrar ayarlamanız gerekir. Ama en azından ayağını kapıya alabilirsin.

zaten önce web sayfasını tükendi koduna kırmak istiyorsanız

yüklü dolu, sadece ne girmeye istediğiniz satırdan önce JSX bir alert("here"); komutu ekleyin. Kodu çalıştırın ve açılır pencere belirdiğinde Tamam'a basmayın. VS hata ayıklayıcısına geçin, komut dosyası blok dosyasına kesme noktanızı ekleyin ve sonra Tamam düğmesine basın. Kod kırılma noktanızda hemen durmalıdır.