React Geliştiriciler İçin Visual Studio Code Eklentileri
Bu yazıda Reactjs ile geliştirme yaparken işimizi kolaylaştıracak Visual Studio Code Eklentilerini tanıtacağım.
1. Auto Rename Tag
![](https://www.etemkeskin.com/wp-content/uploads/2021/12/vsc_ext1.png)
Html açma kapama taglerini aynı anda kolaylıkla düzenlemeyi sağlayan bir eklentidir.
![](https://www.etemkeskin.com/wp-content/uploads/2021/12/usage.gif)
2. Bracket Pair Colorizer
![](https://www.etemkeskin.com/wp-content/uploads/2021/12/vsc_ext2.png)
Kod yazarken normal parantez ( ), süslü parantez { } ve köşeli parantez [ ] işaretlerini çok kullanırız. Bu eklenti bu işaretleri renklendirerek eksik kapatmaları daha kolay bulmamızı sağlıyor.
![](https://www.etemkeskin.com/wp-content/uploads/2021/12/example.png)
3. VS Code ES7 React/Redux/React-Native/JS snippets
![](https://www.etemkeskin.com/wp-content/uploads/2021/12/vsc_ext3.png)
Bu eklenti ile kısa tanımlamalarla kod bloklarını kolaylıkla oluşturmamızı sağlıyor. rafce
yazarak aşağıdaki kod bloğunu kolaylıkla oluşturabiliriz.
import React from 'react' const $1 = () => { return <div>$0</div> } export default $1
4. GitLens — Git supercharged
![](https://www.etemkeskin.com/wp-content/uploads/2021/12/vsc_ext4.png)
Gitlens eklentisi ile kodun geçmişini, kimi tarafından değiştirildiğini neden değiştirildiği gibi konuları rahatlıkla anlamnıza yardımcı olacak bir eklentidir.
![](https://www.etemkeskin.com/wp-content/uploads/2021/12/revision-navigation.gif)
5. Prettier – Code formatter
![](https://www.etemkeskin.com/wp-content/uploads/2021/12/vsc_ext5.png)
Kodumuzu formatlayarak daha rahat okuyup anlamamızı sağlayan bir eklentidir.
6. Thunder Client
![](https://www.etemkeskin.com/wp-content/uploads/2021/12/vsc_ext6.png)
Rest isteklerini Postman kullanmadan Visual studio code içinde rahatlıkla yapabileceğimiz ve apileri test edebileceğimiz bir eklentidir.
Başarılar dilerim …