VS Code hata ayıklama

Eğer VS Code kullanıyorsanız, hata ayıklama deneyiminizi geliştirmek için tsx'yi kullanacak şekilde yapılandırabilirsiniz.

VS Code yapılandırması hakkında daha fazla bilgi için Başlatma Yapılandırması dokümantasyonuna bakın.

Kurulum

1. Konfigürasyon dosyasını oluşturun

   Projenizde .vscode/launch.json konumunda bir başlatma yapılandırma dosyası oluşturun:

   {
       "version": "0.2.0",
       "configurations": [
           /*
            * Bu dizideki her konfigürasyon, hata ayıklama açılır menüsündeki bir seçeneğe karşılık gelir
            */
       ],
   }

2. Hata ayıklama yöntemlerini seçin ve belirleyin

::: details Yöntem 1: VSCode'un içinden tsx'yi çalıştırma

1. .vscode/launch.json dosyasındaki configurations dizisine aşağıdaki yapılandırmayı ekleyin:

   {
       "name": "tsx",
       "type": "node",
       "request": "launch",
   
       // VSCode'da geçerli dosyayı hata ayıklama
       "program": "${file}",
   
       /*
        * tsx ikili dosyasının yolu
        * Yerel olarak yüklü varsayılarak
        */
       "runtimeExecutable": "tsx",
   
       /*
        * Hata ayıklama başladığında terminali aç (İsteğe Bağlı)
        * console.logs'u görmek için faydalıdır
        */
       "console": "integratedTerminal",
       "internalConsoleOptions": "neverOpen",
   
       // Hata ayıklayıcıdan hariç tutulan dosyalar (örn. çağrı yığını)
       "skipFiles": [
           // Node.js iç çekirdek modülleri
           "<node_internals>/**",
   
           // Tüm bağımlılıkları yok say (isteğe bağlı)
           "${workspaceFolder}/node_modules/**",
       ],
   }

2. VSCode'da çalıştırmak istediğiniz JS/TS dosyasını açın.

3. VSCode'un hata ayıklama paneline gidin, açılır menüden "tsx"yı seçin ve oynat düğmesine basın (F5).

:::

::: details Yöntem 2: Çalışan bir Node.js sürecine VS Code hata ayıklayıcısını ekleyin

Bu yöntem, tsx gibi herhangi bir Node.js süreci için çalışır ve tsx ile sınırlı değildir.

1. .vscode/launch.json dosyasındaki configurations dizisine aşağıdaki yapılandırmayı ekleyin:

   {
       "name": "Sürece bağlan",
       "type": "node",
       "request": "attach",
       "port": 9229,
       "skipFiles": [
           // Node.js iç çekirdek modülleri
           "<node_internals>/**",
   
           // Tüm bağımlılıkları yok say (isteğe bağlı)
           "${workspaceFolder}/node_modules/**",
       ],
   }

2. Bir terminal penceresinde tsx'yi --inspect-brk ile çalıştırın:

   tsx --inspect-brk ./your-file.ts 

3. VSCode'un hata ayıklama paneline gidin, açılır menüden "Sürece bağlan" seçeneğini seçin ve oynat düğmesine basın (F5). :::