Web tasarım sürecinde IDE(Integrated Development Environment - Tümleşik Geliştirme Ortamı)  Visual Studio Code kullanılacaktır.

Visual Studio Code

Bir IDE veya Tümleşik Geliştirme Ortamı, programcıların bilgisayar programı yazarken kullandığı farklı programlama dillerini birleştirmelerini sağlar.

IDE'ler, yazılım yazma ortak etkinliklerini tek bir uygulamada birleştirerek programcı üretkenliğini artırır.  IDE’ler kaynak kodunu düzenleme, çalıştırılabilir dosyaları oluşturma ve hata ayıklama gibi özellikleri size en hızlı şekilde sunmaktadır.

VS Code yazılımı, günümüzde en popüler IDE'ler arasındadır.

https://code.visualstudio.com/download adresinden indirip kurabilirsiniz.

VS Code’da  Gerekli Extensions’ları Kurma

VS Code’u ilk kurduğunuz haliyle, yani henüz herhangi bir eklenti (Extension) yüklü değilken, gayet stabil, performanslı ve kullanıcı dostu bir text editör olarak kullanabilirsiniz. VS Code’u kurduktan sonra kullandığınız dil ve framework’ler için geliştirilmiş olan eklentileri de kurmalısınız. 

Flutter eklenti kurulumunu 2 adımla gerçekleştirebiliriz.

1. Adım

Flutter eklentisini kurulumu için VS Code ortamında Menü Çubuğunda View / Extensions veya CTRL + SHIFT + X kısayol tuşu kullanılacağı gibi solda yer alan Araç Çubuğu içerisin Extensions aracı da kullanılabilir.

2. Adım

Gelen Extensions penceresinde arama alanına HTML CSS Support, HTML Preview ve Live Server yazalım ve arama sonucunda çıkan eklentileri Install butonuna tıklayarak kuralım.