Solidity Tüm Geliştirme Ortamının Hazırlanması

Selamlar herkese. Hangi kodlama dilinde olursa olsun geliştirme ortamının hazırlanması zor ve önemli bir süreçtir. Ancak konu Solidity’ye gelince bu, blockchainin yeni bir teknoloji olmasından da dolayı belkide en zor kısımdır. Bu yüzden birlikte adım adım olabilecek en iyi geliştirme alanını oluşturmaya çalışacağız.

1.Visual Studio Code Kurulumu

En başta https://code.visualstudio.com/download adresine giderek bilgisayarımız için en doğru versiyonu seçelim.

Bu kurulum ekranındaki tüm seçenekleri işaretleyelim.

Visual Studio Code kendi kendine açılacak. Bundan sonraki adımlarımızda bir hata ile karşılaşmamak için Visual Studio Code’u kapatıp yönetici olarak tekrar açalım.

2. Node.js

Node.js kurulumu için https://nodejs.org/en/download/ adresine gidelim. Ardından LTS(Uzun süreli desteğe sahip versiyon) başlığı altından bize uygun versiyonu seçelim.

İndirme sırasında çıkacak otomatik indirme seçeneğini işaretlemeyi unutmayalım.

Ardından Windows PowerShell açılacak burada dosyalar inene kadar entera basmamız yeterli.

İndirme tamamlandıktan sonra Visual Studio Code’a girerek yeni bir terminal açalım.

Terminale bunu yazalım:

wsl --install

Eğer bu noktada indirme işlemi başlamadıysa bu kodu yazalım:

wsl --list --online

Burada gördüklerimizi manuel olarak indireceğiz bunun için terminale:

wsl --install -d <DistroName>
Örnek: wsl --install -d Ubuntu
Örnek: wsl --install -d Debian

İndirme işlemleri tamamlandıktan sonra bilgisayarımızı yeniden başlatıyoruz. Ardından işlemin tamamlanıp tamamlanmadığını anlamak için terminale:

node --version

Eğer bu sonucu görmüyorsanız resmi destek sayfasını kontrol edebilirsiniz: https://learn.microsoft.com/en-us/windows/wsl/install

3.Eklentileri Ekleme

Visual Studio Code’da eklentiler bizim için olmazsa olmaz. Eklentileri görmek için eklentiler simgesine tıklıyoruz.

Ardından ilk eklentimizi indirmek için arama alanına “Remote Development” yazarak eklentimizi indiriyoruz.

Ardından komut paletini açmak için “ctrl + shift + p” tuşlarına aynı anda basıyoruz. Veya manuel olarak açmak için sol alttaki ikona tıklayarak komut paletini seçiyoruz.

Komut paletine manuel ulaşmak için.

Ardından arama alanına wsl yazarak yeni WSL penceresini seçiyoruz.

Ardından açılan yeni pencerede yeni bir terminal oluşturarak powershell yazısının yanındaki ok işaretine tıklayarak Git Bash’i seçiyoruz.

Eğer burada bir hata ile karşılaşırsanız

Manuel olarak indirmek için https://git-scm.com/download/win sitesine giderek yine kendimize uygun olan seçeneği seçiyoruz.

Burada en altta bulunan Windows Terminali için yeni Git Bash profili oluştur seçeneğini seçmeyi unutmayın. Ardından bir sonraki sayfaları da geçerek indirme işlemimizi tamamlıyoruz.

İndirme işlemi tamamlandıktan sonra komut paletini açarak (“ctrl+shift+p” veya ayarlardan) “select default” yazıyoruz. Ardından terminal için varsayılan profili seçiyoruz.

Ve açılan pencerede Git Bash’i seçiyoruz.

Ve yine terminalden Git Bash’i seçerek bir sonraki adımımıza geçiyoruz.

Sırada nvm’i indirmek var. Bunun için bash ile açtığımız terminale:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash
ya da
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash

yazarak ardından:

source ~/.nvm/nvm.sh

yazıyoruz. İndirme işleminin başarılı sonuçlanıp sonuçlanmadığını anlamak için yeni bir bash terminali açarak

nvm --version

Ardından Node.js’i indirmek için (kendi versiyonumuzun numarasını yazarak):

nvm install 18.13.0

diyoruz.

4.Hardhat Kullanımı

Hardhat eklentisini indirmek için eklentileri seçerek arama alanına “hardhat” yazıyoruz . Ardından Nomic Foundation’un paylaştığı eklentiyi kuruyoruz.

Komut paletini açarak “Preferences Open” yazarak User Settings (JSON) seçeneğini seçiyoruz.

Ardından settings.json dosyamızın içine (eğer burada daha önceden yazılan bir satır varsa ondan sonrasına virgül ( , ) koyarak):

"[solidity]":{
        "editor.defaultFormatter": "NomicFoundation.hardhat-solidity"
    }

yazıyor ve ayarlara giriyoruz.

Ayarlar kısmında format durumunda kaydet seçeneğini (Format On Save) işaretliyoruz.

Şimdi de dosyalarımızı derlemek(compile) için Yarn dosya düzenleyicisini indireceğiz (Bu noktada Visual Studio Code’u yönetici olarak açmış olmanız gerekiyor) . Bunun için terminale:

corepack enable

Yazıyor ve versiyonu kontrol amacıyla:

yarn --version

diyerek versiyonu kontrol ediyoruz. Derleme yapmak için terminale:

yarn add solc

yazarak JavaScript kodumuzu çalıştırabilir hale geliyoruz. Ardından kendi dosyamızın adını yazarak:

yarn solcjs --bin --abi --include-path node_modules/ --base-path . -o . dosyaAdi.sol

diyoruz. Ancak her seferinde bunu yazmak yerine:

"scripts": {
    "compile": "yarn solcjs --bin --abi --include-path node_modules/ --base-path . -o . nameOfFile.sol"
  }

diyerek “yarn compiler” dediğimizde kodumuzu derler hale getirebiliriz. Ancak bundan daha da kolay bir yol var. Bunun için

yarn init

yazıyoruz ve ardından proje ismini belirleyip diğer soruları entera basarak geçiyoruz. Ardından

yarn add --dev hardhat

yazıyor ve JavaScript projemizi başlatıyoruz.

Ardından:

yarn add --dev @nomicfoundation/hardhat-toolbox @nomicfoundation/hardhat-network-helpers @nomicfoundation/hardhat-chai-matchers @nomiclabs/hardhat-ethers @nomiclabs/hardhat-etherscan chai ethers hardhat-gas-reporter solidity-coverage @typechain/hardhat typechain @typechain/ethers-v5 @ethersproject/abi @ethersproject/providers

yazıyor ve:

yarn hardhat

diyerek Hardhat’in bize verdiği araçları görebiliyoruz:

Artık Hardhat’i kullanma zamanı.

Derlemek için -> yarn hardhat compile
Scriptleri çalıştırmak için -> yarn hardhat run scripts/dosyaAdi.js
Scriptleri ağlarda çalıştırmak için
-> yarn hardhat run scripts/nameOfFile.js --network agIsmi(örnek:hardhat)
Not: Burada Hardhat dışındaki ağları kullanmak için onları hardhat.congif.js dosyasında tanımlamanız gerekiyor.

5. Prettier (opsiyonel)

Prettier birçok kodlama dili için kullanılabilir olan bir kod formatlayıcısı. Bu eklentiyi indirmek için, eklentilere girerek arama alanına “Prettier” yazıyoruz.

ve indirdikten sonra yine settings.json dosyasından (komut paletinden açabilirsiniz)

dosyaya:

"[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }

yazıyoruz. Prettier’ı varsayılan kod formatlayıcısı olarak seçmek için arama alanına “default formatter” diyerek varsayılanı değiştiriyoruz.

Buraya kadar okuduğun için teşekkür ediyorum. Umarım faydalı olmuştur. Bir sonrakinde görüşmek üzere =)