TypeScript + Node.js projesi nasıl kurulur

Nov 26 2022
Bu çok kısa kılavuz, TypeScript'i yeni (veya mevcut!) Node.js projeleriyle kurma konusunda size yol gösterecektir.

Bu çok kısa kılavuz, TypeScript'i yeni (veya mevcut!) Node.js projeleriyle kurma konusunda size yol gösterecektir.

Önkoşullar:

  • Node ve JavaScript'e biraz aşina olmalısınız
  • Yüklü bir kod düzenleyiciniz olmalıdır (tercihen VSCode)
  • Bu kılavuz, Linux, MacOS veya başka bir UNIX benzeri işletim sistemi kullandığınızı varsayar.
  • Bu kılavuz ayrıca paket yöneticiniz olarak npm kullandığınızı varsayar (bunun yerine yarn, pnpm veya tercih ettiğiniz paket yöneticisini kullanmaktan çekinmeyin)
  • Bu size TypeScript ile çok hızlı bir şekilde nasıl başlayacağınızı gösterecektir.
  • Bu kılavuz ayrıca, uygulamalarınızın çalışırken yeniden yüklenmesini desteklemek için nodemon gibi popüler paketlerden nasıl yararlanacağınızı da gösterecektir.
  • TypeScript, bize isteğe bağlı statik yazma sağlayan bir JavaScript üst kümesidir. Microsoft tarafından oluşturuldu ve muhtemelen bir VS Code'dan beri piyasaya sürdükleri tek iyi şey (şaka )
  • Dokümantasyon görevi görür ve işe alım yükünü azaltır ve böylece geliştirici deneyimini geliştirir
  • Hataları/sorunları hızlı bir şekilde belirlememize izin verir, böylece genel yazılım kalitesini artırır
  • Daha fazla ayrıntı için TypeScript el kitabını okuyun
  1. Bir dizin oluşturun ve yeni oluşturduğunuz klasöre gidin
  2. mkdir typescript-example
    cd typescript-example
    

    npm init -y
    

npm install typescript --save-dev

npm install @types/node --save-dev

5. tsconfig.json dosyanızı oluşturun

npx tsc --init

6. Düğüm paket yürütücüsünü (npx) kullanarak tsc komutunu kullanarak kodunuzu derleyin .

npx tsc

Yerel geliştirici deneyiminizi geliştirme

  1. Çalışırken yeniden yükleme — bu, uygulamanızın canlı değişikliklerde çalışırken yeniden yüklenmesine olanak tanıyacağından eski geliştiricinizi büyük ölçüde geliştirecektir. Bunu Node.js uygulamalarımızda Nodemon aracılığıyla ayarlayabiliriz.
  2. npm install --save-dev ts-node nodemon
    

Yukarıdakiler, hızlı bir şekilde yerel olarak bir TypeScript + Node projesi kurmak için yeterli olacaktır. Bunu şu şekilde daha da geliştirebilirsiniz:

  • Bir linter kullanın: ESLint gibi bir şey kullanın . Bu, kodumuz genelinde bir standart belirlememizi sağlayan statik bir kod analiz aracıdır. Bunu, kod tabanımız için kodlama standartlarını ve kalıplarını uygulamak için kullanabiliriz.
  • Derinlemesine silme araçlarını tanıtın: İstenmeyen dosyaları üretime aktarmadan önce kaldırmak için Rimraf
  • Bir statik modül paketleyici ekleyin: webpack (veya turbopack) kullanın. Bu muhtemelen küçük bir proje için gereğinden fazla olacaktır — ancak uygulamanız ölçeklendikçe tüm JS/TS'nizi yönetmek için bir mekanizmaya ihtiyacınız olacaktır .
  • Otomasyon — işletmeniz için yukarıdakileri nasıl otomatik hale getirebilirsiniz?