React için kod editörü önerisi

xDarkLyne · 18 Kasım 2021

Merhaba, Visual Studio Code adlı kod editörünü kullanıyorum, ancak React yazdığımda otomatik olarak div oluşturulmuyor illa <div></div> yazmak zorunda kalıyorum, ve bu benim canımı sıkmaya başladı webstorm Visual Studio Code Sublime text harici kullanılacak kod editörü var mı?
Örnekler:
HTML div, H1, P, b gibi özellikleri <div></div> <h1></h1> <p></p> <b></b> olarak yazmak zorunda kalıyorum.
Jsx> özelliğini doğru kullanamıyorum mesela SCSS, CSS de fontsize yazdığımda otomatik olarak font-size olarak değiştiriliyor ancak burada değiştirilmiyor.

JavaScript:

function Deneme() {
return (
)
}
export default Deneme

Bunu yazmak zorunda kalıyorum kod editörü benim için bunları oluşturmuyor.

kaan_js · 18 Kasım 2021

Sağ alttan javascript'e tıklayıp Select Language Mode 'a tıklarsan. Oradan react'i seçebilirsin. Bu dediğin sorunu o şekilde atlatabilirsin veya dosya adlarını .jsx ile değiştirirsen bunu otomatik olarak tamamlıycak.

RaSGooL · 18 Kasım 2021

Harici eklentiler ile Vscode u güzel hale getirebilirsin. Dediğin tüm her şeyi Vscode da yapabilirsin. Sadece eklenti kurman lazım.

bonz · 18 Mart 2023

Konunun üstünden bayağı zaman geçmiş ama belki ihtiyacı olan olursa VS Code'da bunu açabiliyorsunuz.
İlk önce sol alttan ayarlara simgesine tıklayıp settings'e girin. Resimde gördüğünüz yere tıklayın ve açılan yere şu kodları ekleyin.

JSON:

"emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },
    "emmet.syntaxProfiles": {
        "javascript": "jsx"
    },

React için kod editörü önerisi

xDarkLyne

Hectopat

kaan_js

Hectopat

RaSGooL

Kilopat

bonz

Gigapat