Pern Stack ile UG – 2 – Proje Kurulumu

Arkadaşlar selam,
İlk olarak projemiz için bir klasör oluşturuyor ve onu vs code ortamında açıyoruz.

1 – Hemen klasör içine index.js klasörümüzü oluşturup bırakalım. Çünkü package.json main kısmında index.js yazmasını istediğim için ilk index.js ‘i oluşturdum.

2- Açtıktan sonra terminalden npm init-y kodunu yazıp enter tuşuna basıyoruz.

3 – Projemizin içine package.json dosyamızın oluştuğunu göreceksiniz. package.json bizim tüm modüllerimizin referans olarak gösterildiği yerdir.

4- Daha sonra tekrardan terminali açıyoruz. Aşağıdaki kodu ekliyor ve çalıştırıyoruz. Çalıştırdıktan sonra node_modules dosyasının eklendiğini görüyoruz.

npm i express cors dot-env http-errors jsonwebtoken morgan

package.json
  • 1- express : http, router ve authentication işlemlemlerimizi kolaylaştırmak için indirip kullanıyoruz.
  • 2- cors : Web tarayıcısı tarafından cors hatası almamızı saglamak için kullanıyoruz.(Şuanlık)
  • 3- dot-env : Uygulamamızdaki ortam değişkenlerine erişmek için kullanacağımız bir modüldür.
  • 4- http-errors : Uygulamamızdaki http hata yönetimini saglamak için
  • 5- morgan : log işlemlerimiz için

5- Terminalimizde sadece dev ortamında kullanacağımız paketleri devDependencies alanına eklememiz gerekiyor. Onun için ise aşağıdaki kodları çalıştırmamız gerekiyor.

npm i -D nodemon prettier

package.json devDependencies
  • 1- nodemon : Dosyalarınızdaki değişiklikleri algılayıp otomatik olarak sunucuyu sizin için baştan başlatan bir araçtır.
  • 2- prettier : Kod biçimlendiricisi olarak kullanıyoruz. Kodumuzun bir düzen halinde geliştirmemizi saglar.

6- Projemize .gitignore ekleyelim. .gitignore bizim git ortamına gidilmemesi gereken dosyalarımızı ayrıştırmamızı sağlar. .gitignore içine yazdığımız klasör’ler commitleme işleminde eklediğimiz klasörleri değişiklik olarak görmez.

.gitignore

7- Projemize .prettierrc ekleyelim. json içine 3 kural ekleyeceğim.(Vscode -> setttings altından da prettier ayarlamalarınızı yapmanız gerekiyor olabilir.)

{
printWidth“: 100, // satırdaki kullacağı alan bilgisi
singleQuote“: true, // Tek tırnak kullanmak için true değeri kullanılır.
trailingComma“: “es5
}

8- Son olarak projemizin dosya yapısını oluşturuyor ve sizlere ekran görüntüsü olarak paylaşıyorum. Aşağıdaki dosya yapısını bir kaç detaylı arayışım sonucunda bu yapıya ulaştım.

Herkese çok teşekkürler,

Turan Yunus

- 1994 İZMİT Doğumluyum. 6 aylıkken yürüdüğümü ve 5 yaşındayken okuma ve yazmayı söktüğümü ailem ve akrabalarım yanımda, beni onaylamasa asla kimseye inandıramayan birisiyim.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir