Ağu.20

Gulp Dersleri – Part 3 – Web Projesi Oluşturmak

Command Prompt’tayken Masaüstü’ne geçelim ( cd Desktop ).

webprojesi ismi ile bir klasör oluşturalı ( mkdir webprojesi ).

Veya bu işlemleri yapmadan kendiniz de Masaüstü’nde webprojesi isminde bir klasör oluşturup içinde Command Prompt’u açabilirsiniz.

Aşağıdaki komutu girin ve bir proje oluşturmak için package.json dosyamızı oluşturalım. Bu dosya, proje hakkında bazı bilgiler taşıyacak. Komutu girdiğinizde, sırası ile sizden proje ile ilgili bilgiler istenecek. İstenilen bilgileri Command Prompt’tan sırası ile girin ve her seferinde Enter tuşuna basıp ilerleyin. Eğer istenilen bilgiyi girmek istemezseniz, yine Enter ile es geçebilirsiniz.

npm init

Bütün istenilenleri cevapladıktan sonra yes yazın ve tekrar Enter ile onaylayın. Artık webprojesi klasörümüz içerisinde package.json isimli bir JSON dosyası oluşturuldu. İçeriği de girmiş olduğunuz bilgilere göre aşağıdaki gibi bir formatta olacaktır.

{
  "name": "webprojesi_1",
  "version": "1.0.0",
  "description": "İlk web projem",
  "main": "index.js",
  "scripts": {
    "test": "test"
  },
  "author": "Uğur GELİŞKEN",
  "license": "ISC"
}

Yazdıklarımızı açıklayalım…

• name: Projenin ismi. Boşluk karakteri kullanılamaz.
• version: 1.0.0 formatında versiyon istenir. Başlangıç için 1.0.0’dır. Her artırmada 1.0.1 gibi artırabilirsiniz.
• description: Projenin açıklaması.
• main: Projenin ana JavaScript dosyası. index.js olarak belirttik.
• scripts: Burası bir Object’tir. Daha sonradan hazırlayacağımız komutlar da burada yer alacak. Test amaçlı hazır bir fonksiyon oluşturulmuş ve biz de buna test ismini verdik.
• author: Projenin yazarı, kodlayıcısı…
• license: Projenin herhangi bir lisansı varsa burada belirtilebilir.

Ardından Gulp modüllerini yükleyeceğiz…

Command Prompt’ta yine webprojesi klasöründeyken şu kodu girin ve Enter’a basın.

npm install gulp –save-dev

webprojesi klasörü içinde node_modules adlı bir klasör açılacak ve buraya Gulp modülleri indirilecek. package.json dosyamızda da aşağıdaki özellik otomatik olarak eklenecek.

"devDependencies": {
    "gulp": "^3.9.1"
 }

Bunun anlamı, bu projeye modüller eklendi ve Development Dependencies (Geliştirme Bağımlılıkları) için Gulp gerekli ve versiyon olarak da 3.9.1 ve üzeri olmalıdır diye bir kural eklendi.

İçeriği paylaş:
  • facebook
  • twitter

Leave a comment

Yorum