Alıştırma - Kod çalıştırma ve hata ayıklama

Tamamlandı

Artık SSH sunucunuza bağlandığınıza göre kodlamaya başlamaya hazırsınız! Kuruluşunuz için express uygulaması geliştirmekle görevlendirildiğinden temel bir Node uygulaması oluşturmanız gerekir.

Bu alıştırmada, SSH kullanarak bağlandığınız sırada temel bir Node projesi oluşturacak ve proje kodunu çalıştıracak ve hatalarını ayıklayacaksınız.

Node.js uygulaması oluşturma ve çalıştırma

Node.js uygulamanızı oluşturmak ve çalıştırmak için terminalde bir dizi komut çalıştırmanız gerekir.

1. Görev çubuğunda Terminal>Yeni Terminal'i seçerek yeni bir terminal açın. Terminalden aşağıdaki komutları çalıştırarak Linux VM'nizdeki paketleri güncelleştirin ve Node.jsyükleyin:

   sudo apt-get update
   

   curl -sL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
   

   sudo apt-get install nodejs -y
   

2. Express oluşturucusunu yüklemek için aşağıdaki komutu çalıştırın:

   sudo npm install -g express-generator
   

3. myExpressApp adlı yeni bir Express uygulaması oluşturmak için aşağıdaki komutu çalıştırın:

   express myExpressApp --view pug
   

4. Gezgin görünümünde Klasörü Aç'ı seçerek uygulama dosyalarını açın. Visual Studio Code penceresinde klasörü açmak için açılır menüden myExpressApp'i seçin.

   

5. Sonraki komut isteminde Tamam'ı seçerek uygulama dosyalarınızı içeren klasörü açın. İstenirse çalışma alanına güvenin.

   

6. Terminali yeniden açın ve uygulamanın tüm bağımlılıklarını yüklemek için aşağıdaki komutu çalıştırın:

   npm install
   

7. Uygulamayı çalıştırmak için aşağıdaki komutu çalıştırın:

   npm start
   

   Uygulama VM'nizin http://localhost:3000üzerinde çalışır. Sonraki adım, yerel makinenizde bu uygulamaya nasıl göz atabileceğinizi gösterir.

Uygulamaya göz atın

Uygulama çalıştığına göre, yerel makinenizde web uygulamasına göz atmak için Bağlantı noktası iletmeyi kullanabilirsiniz.

1. Uygulama çalışmaya devam ettiyse, Komut Paleti'nde Bağlantı Noktaları: Bağlantı Noktaları Görünümüne Odaklan komutunu çalıştırın.

   

2. Bağlantı noktası ilet düğmesini seçin.

   

3. 3000 numaralı bağlantı noktasını belirtin ve Enter tuşuna basın.

   

4. Sunucu artık 3000 numaralı bağlantı noktasındaki trafiği yerel makinenize iletir; artık çalışan web uygulamasını görmek için http://localhost:3000 adresine göz atabilirsiniz.

5. Terminalde CtrlC + basarak uygulamayı durdurun.

Uygulamayı düzenleme ve hata ayıklama

Uzak makinede çalışan uygulamayı düzenlemek ve hatalarını ayıklamak için Visual Studio Code'un yerleşik özelliklerini kullanabilirsiniz.

1. Visual Studio Code'un sol menüsünden Dosya Gezgini'ni seçin ve app.js dosyasını açın.

2. Satır numarasının solundaki kenar boşluğuna tıklayarak dosyanın 10. satırına bir kesme noktası yerleştirin. Kırmızı bir daire görüntülenir.

   

3. Çalıştır ve Hata Ayıkla görünümünde Çalıştır ve Hata Ayıkla'yı seçin. İstenirse Node.js'i seçin.

   

4. Uygulama çalıştırıldığında kesme noktasına isabet edersiniz. Yan çubuktaki Hata Ayıklama görünümünde değişkenleri inceleyebilir, saat oluşturabilir ve çağrı yığınında gezinebilirsiniz. Üstteki Hata Ayıklama eylem çubuğunu kullanarak, satır satır adım adım ilerleyerek hata ayıklama oturumunuzu kontrol edebilirsiniz.

   

5. Kodun yerel makinenizde bulunması durumunda olduğu gibi dosyayı da düzenleyebilirsiniz. Yazmaya başlayın app. ve IntelliSense'i tetikleyin.

   

Congratulations! Yalnızca uzak makinede var olan kodu başarıyla çalıştırmış, düzenlemiş ve hata ayıklamışsınız.