Merhaba, Bilgisayarıma Node.js yüklersem, çeşitli NPM paketlerini yükleyip kullanarak programlama ve web geliştirme çalışmalarımı daha iyi organize edebileceğimi ve otomatikleştirebileceğimi duydum...
Bazı sorularım var:
- NodeJS ve npm'i PHPStorm'ye nasıl yüklediğinizi ve geliştirme sürecinin daha kolay olması için çalışma otomasyonuyla ilgili bazı püf noktalarını / hack'leri paylaşabilir misiniz?
- Tavsiye edebileceğiniz favori npm paketleriniz var mı?
- Belki günlük olarak kullandığınız bazı npm paketleri? Otomatik tarayıcı yenileme gibi mi?
Teşekkürler!
Merhaba,
Öncelikle yapmanız gerekenler node.js'yi yükleyin bilgisayarınızda (şuradan indirin İŞTE); Düzgün kurulup kurulmadığını kontrol etmek için node js sürümünü kontrol et cmd'de (veya PHPStorm'in terminaline) yazarak:
node -v
Ardından, PHPStorm'nin terminalini (veya Window'un cmd'sini) kullanarak proje klasörünüzde şunları yapmanız gerekir npm'yi başlat. Terminal tipinde:
npm init -y
Proje klasörünüzde bu şunları oluşturacaktır node_modules yüklediğiniz tüm paketlerin bulunduğu klasör. Ayrıca şunları da oluşturacaktır package.json bağımlılık bilgilerini içeren dosya. Npm'in dosyası package.json yüklediğiniz npm paketleri bağımlılıkları ile projemizin bir tür tarif / bakkal listesidir.
Ardından, bir npm paketi yüklemek için terminale yazın:
npm install lodash
Bu durumda lodash paketin adıdır. İşte başka bir örnek (normalize.css'nin yüklenmesi):
npm install normalize.css
...veya boşluk ile ayrılmış birkaç gerekli npm paketini yükleyin:
npm install postcss-simple-vars postcss-nested autoprefixer --save-dev
Tüm bu paketler şuradan geliyor https://www.npmjs.com - ilgilendiğiniz bir paket için orada arama yapabilirsiniz.
npm'i çalıştırmak için şunu yazmalısınız:
npm run dev
Peki NPM projemiz için neden önemli?
Örneğin, bilgisayarımıza bir şey olursa (bir tür çökme), şunları yapabiliriz her zaman iyileş projemizi GitHub'dan klonlayarak (PHPStorm IDE ile GitHub ve Git'i nasıl kullanacağınızı öğrenin) ve projeyi klonladıktan sonra - package.json dosyası (projemizin resipe'ı) içinde olacak ve terminale yazdıktan sonra npm kurulumu tüm npm paketleri yeniden yüklenecek/kurtarılacak! Harika! 🙂
İşte PHPStorm ile kullandığım bazı npm paketleri:
Kesinlikle kullanın webpack-dev-server; İşte bu harika otomasyon npm paketinin nasıl kurulacağı. Sadece yazın:
npm install webpack-dev-server --save-dev
Kullandığım resimlerin tembel yüklenmesi için: lazysizes
Yazarak yükleyebilirsiniz:
npm install lazysizes
