Visual Studio Code: Proje Klasörünün Oluşturulması ve Açılması - SiberMega - Basit Yazılım ve Tasarım Eğitimleri

Popüler Yazılar

Post Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

01/08/2022

Visual Studio Code: Proje Klasörünün Oluşturulması ve Açılması

Visual Studio Code: Proje Klasörünün Oluşturulması ve Açılması


Proje Klasörünün Oluşturulması, Açılması ve Dosyalarla Çalışmak


Bu yazımızda sizlere Visual Studio Code editöründe proje klasörünün nasıl açılacağını ve dosyalarla nasıl çalışacağını anlatacağız. Ama ondan öncesinde aklınızda "Visual Studio Code nedir?" sorusuna cevap arayacağız. Öncelikle kısaca Visual Studio'dan bahsedelim.


Visual Studio Code Nedir?

Visual Studio Code, Windows, macOS ve Linux işletim sistemlerinde çalışan bir kod düzenleme aracıdır. JavaScript, TypeScript ve Node.js için yerleşik destekle birlikte gelir ve diğer diller (C++, C#, Java, Python, PHP, Go vb.) ve (.NET ve Unity gibi) çalışma ortamları için zengin bir uzantı ekosistemine sahiptir.


Visual Studio Code’u (VS Code) buradan indirebilirsiniz.

vs-code-nedir

Proje Klasörünün Oluşturulması ve Açılması

Visual Studio Code içerisinde proje klasörünü oluşturmak ve açmak oldukça basittir. Ancak oluşturacağınız proje klasörünün yerine dikkat etmelisiniz. Tam da bu kısımda yapılan en büyük hatalardan biri proje klasörlerinin masaüstünde açılmasıdır. Çünkü masaüstünde oluşturacağınız proje klasörünü kolayca silebilir ve bir daha ulaşamayabilirsiniz.


Adım 1: Proje Klasörünü Oluşturmak

Yazımızın başında bahsettiğimiz hatayı göz önünde bulundurarak proje klasörünü "Belgelerim" kısmında oluşturalım. Bunu yapmak için ilk öncelikle belgelerim klasörüne giriş yapabilir ve sonrasında boş bir alana tıkladıktan sonra, yeni klasör seçeneğini seçebilirsiniz.

Klasörün ismini dilediğiniz gibi düzenleyebilirsiniz. Biz "Documents" içerisinde "Sites" adında bir klasör oluşturduk.

projeklasörü-oluştur

Sonrasındaysa bu klasör içerisine ilk proje dosyamızı oluşturduk.

projeklasörü-oluştur2


Adım 2: Visual Studio Code İçerisinde Proje Klasörünü Açmak

Visual Studio Code içerisinde proje klasörünü açmak için birkaç yol bulunuyor. Gelin şimdi sizlerle bu yolları inceleyelim.

1 - Sürükle Bırak

Visual Studio Code, çeşitli programlar gibi sürükle bırak yöntemini destekliyor. Bu özelliği kullanarak kolay bir şekilde proje klasörünü açabilirsiniz.

proje-sürüklebırak

2 - File Menüsünü Kullanmak

Visual Studio Code içerisinde proje klasörünü açmak için diğer bir yol da "File" menüsünden "Open Folder" seçeneğini seçerek klasörünüzün konumuna gitmektir.

proje-filemenüsü


Dosyalarla ve Klasörlerle Çalışmak

Visual Studio Code içerisinde yeni dosya ve klasör oluşturabileceğiniz kısımlar bulunuyor. Ek olarak çeşitli kısayolları da bizleri karşılıyor. Şimdi gelin bunları inceleyelim.

Dosya Oluşturma

yeni-dosya

Visual Studio Code içerisinden proje klasörünüzün içine yeni bir dosya oluşturmak istediğinizde görseldeki kısma tıklayabilirsiniz.

Klasör Oluşturmak

Visual Studio Code içerisinden proje klasörünüzün içine farklı ve yeni bir klasör oluşturmak istediğinizde görseldeki kısma tıklayabilirsiniz.


Dosyaları Klasör İçine Taşımak

Proje klasörünüz içindeki bir dosyayı yine proje klasörünüz içindeki bir klasöre taşımak istediğinizde sürükle bırak yöntemini kullanabilirsiniz.

dosyasürükle

Bu örneğimizle "style.css" dosyasını "css" klasörünün içine taşındığını görebiliriz.


Aynı Anda Klasör İçinde Dosya Oluşturmak

Bu işlemi gerçekleştirmek için ilk önce yeni bir dosya oluşturmak istediğimizde tıkladığımız kısma tıklamalıyız. Sonrasında ise klasörismi/dosyaismi yazarak yeni bir klasör içindeki dosyayı oluşturabiliriz. Buradaki / işareti klasör ile dosyayı birlikte oluştur anlamına geliyor.

klasöriçidosya

Bu örneğimizde "css" klasörünün içinde "main.css" dosyasının oluşturulduğunu görebiliriz.


Bu yazımızda sizlere Visual Studio Code'da proje dosyasının nasıl oluşturulacağını ve açılacağını aynı zamanda yine Visual Studio Code içerisinde dosyalarla ve klasörle nasıl çalışılacağını anlatmaya çalıştık. Yazımızda değindiğimiz her şey macOS ve Windows tabanlı sistemlerde birebir aynı şekilde gerçekleştiriliyor.

Hiç yorum yok:

Yorum Gönder

Görüş ve Düşüncelerinizi Bizimle Paylaşmayı Unutmayın.

Post Top Ad

Responsive Ads Here