Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere Visual Studio Code, Node.js ve npm gibi yazılım geliştirme araçlarının nasıl kurulacağını adım adım göstermektedir.
- Video, öncelikle Visual Studio Code'nun kurulumunu ve gerekli plugin'lerin (VS Code Runner, Prettier, GitLens, Docker, Visual Studio Code IntelliCode) yüklenmesini anlatmaktadır. Ardından Node.js'in kurulumu ve temel bir Node.js örneği gösterilmektedir. Son olarak npm yerine daha performanslı olan pnpm'in kurulumu ve PowerShell'de çalıştırılması için gerekli konfigürasyon değişiklikleri detaylı olarak açıklanmaktadır.
- Bu video, Visual Studio Code kullanarak Node.js projeleri geliştirmek isteyenler için temel bir kurulum rehberidir ve CLI (Command Line Interface) kurulumu hakkında da bilgiler içermektedir.
- 00:53Visual Studio Code Kurulumu
- Visual Studio Code, uygulama geliştirirken kullanılabilecek basit araçlardan biridir ve özellikle küçük projelerde tercih edilebilir.
- Kurulum için code.visualstudio.com adresine gidip setup programını yüklemek gerekiyor.
- Kurulum sırasında Windows Explorer'a ekleme ve masaüstüne ikon koyma seçenekleri tercih edilebilir.
- 02:30Visual Studio Code Plugin'leri
- Visual Studio Code'da Visual Studio ile ilgili plugin'in yüklenmesi önerilir.
- TypeScript geliştirirken View ile alakalı ve TypeScript isimli pluginler kurulabilir.
- Prettier, IntelliCode, Git Lens, Docker ve Firefox debugger gibi çeşitli pluginler de kurulabilir.
- 06:02Node.js Kurulumu
- Node.js kurulumu için nodejs.org adresine gidip Windows için stable versiyonu indirmek gerekiyor.
- Kurulum tamamlandıktan sonra "node -v" komutu ile Node.js versiyonu kontrol edilebilir.
- npm'i güncellemek için "npm install -g npm" komutu kullanılabilir.
- 08:17Node.js Örneği
- Node.js ile ekrana mesaj yazdırmak için "console.log" metodu kullanılır.
- Node.js uygulaması çalıştırıldığında otomatik olarak debug ekranı görüntülenir.
- Uygulamadan çıkmak için "exit" komutu veya çift Ctrl+C kullanılabilir.
- 09:29Pnpm Kurulumu
- Pnpm, npm yerine kullanılan bir paket yöneticisidir ve npm'in performans ve dosya kopyalama sorunlarını çözer.
- Pnpm, dosyaları kopyalamak yerine sembolik link mantığıyla bir yerdeki dosyayı başka bir yere gösterebilir.
- Pnpm kurulumu için PowerShell'i admin modunda açıp "set-execution-policy remote-signed" komutu ile konfigürasyon değişikliği yapılmalıdır.
- 13:51View CLI Kurulumu
- Visuals ile ilgili çalışmalar yapabilmek için View CLI uygulaması kurulması gerekiyor.
- View CLI, view command prompt üzerinden kullanılması için bir altyapı hazırlayarak view projeleri oluşturmayı kolaylaştırıyor.
- Kurulum için pnpm kullanılıyor ve "npm install -g add view-cli" komutu ile global olarak kuruluyor.
- 15:11Kurulum Kontrolü ve Sorun Çözümü
- Kurulum sonrası "view client version" komutu ile View CLI'nin 4511 versiyonunun kurulu olduğu kontrol edilebilir.
- Kurulum sırasında "ps1 uzantılı dosya yok" hatası alınırsa, Node.js kurulumunda yapılan "run as administrator" ayarı tekrar yapılmalı.
- PowerShell'i "run as administrator" ile açıp "set execution policy -executionmode runas" komutu ile ayar değişikliği yapıldıktan sonra View CLI başarıyla çalıştırılabilir.