ElectronJS Kurulumu

Merhabalar, ElectronJS derslerimize kaldığımız yerden devam ediyoruz. Bu dersimizde ElectronJS kurulumunu yapacağız. Bu dersimizde biraz teorik olacak fakat bundan sonraki derslerimizde artık parmaklarımızı yoracak ve kod yazmaya başlayacağız. Hadi ElectronJS kurulumu yapalım !
Bir önceki dersimizde bahsettiğimiz üzere ElectronJS, NodeJS modüllerinden birisi ve diğer tüm modüller gibi kurulumu aynı şekilde oluyor. Tabi ElectronJS kurabilmek için öncelikle NodeJS kurmuş olmamız gerekiyor. Henüz NodeJS kurmadıysanız Windows için buraya, Linux için buraya ve MacOS için ise buraya tıklayabilirsiniz. NodeJS kurduğunuzu varsayarak devam ediyorum.
Öncelikle bir tane NodeJS projesi oluşturalım, bunun için bi tane klasör oluşturalım. CMD (Linux ve MacOS için terminal) açıp projemizin NodeJS projesi olduğunu belirtmek için
npm init
komutunu girelim ve sırasıyla paket adı, proje versiyonu, proje başlığı, git reposu adı, proje geliştiricisi, lisans bilgilerini girdikten sonra y tuşuna basıp Enter’a basarak projemizi oluşturalım. Veya tüm bilgileri boş bırakmak isterseniz de
npm init --yes
komutunu girebiliriz. Bu işlemin tamamlanmasının ardından proje klasörümüz içerisinde package.json dosyası oluşturulduktan sonra yine CMD ekranından
npm install electron
komutunu girelim. Bu komut ile NPM, ElectronJS için gerekli olan tüm paketleri ve son olarakta ElectronJS paketini kuracak ve son olarakta yaklaşık 50 MB boyutunda olan Electron ve Chromium paketlerini indirecektir. Fakat son indirilen Electron ve Chromium paketleri proje klasörünüze değil de, kullanıcı klasörünüz içerisindeki .electron klasörü içerisine indirecektir. Kullanıcı klasörünüze Windows için %homepath%, Linux ve MacOS için ise ~ (tilde işareti) ile ulaşabilirsiniz.
Bu indirmenin de ardından projenizde ElectronJS kullanabilecek ve web sitesi yazar gibi masaüstü program yazabileceksiniz. Bildiğiniz üzere NodeJS kodlarınızı çalıştırmak için terminal ekranında npm start yada node bash_dosyası_adı komutunu kullanıyoruz fakat ElectronJS için terminal ekranından proje dizinine gelip
electron .
komutunu girmemiz gerekiyor, ardından projeniz derlenecek (yada yorumlanacak) ve ekran çıktısını görebileceksiniz.
Evet bu dersimizde bu kadardı, bir sonraki ElectronJS dersimizde artık kod yazmaya başlayacağız inşallah. Tüm ElectronJS derslerimize buraya tıklayarak ulaşabilirsiniz. Herkese hayırlı günler.