Visual Studio'da çözümler veya projeler olmadan JavaScript ve TypeScript kodu geliştirme

Visual Studio 2017'den başlayarak projeler veya çözümler olmadan kod geliştirebilirsiniz. Bu sayede bir kod klasörü açabilir ve IntelliSense, arama, yeniden düzenleme, hata ayıklama gibi zengin düzenleyici desteğiyle hemen çalışmaya başlayabilirsiniz. Visual Studio için Node.js Araçları bu özelliklere ek olarak TypeScript dosyaları oluşturma, npm paketlerini yönetme ve npm betiklerini çalıştırma desteği de ekler.

Başlamak için araç çubuğundan Dosya>Klasör Aç'ı>seçin. Çözüm Gezgini klasördeki tüm dosyaları görüntüler ve düzenlemeye başlamak için dosyalardan herhangi birini açabilirsiniz. Arka planda, Visual Studio npm, derleme ve hata ayıklama özelliklerini etkinleştirmek için dosyaları dizine alır.

İpucu

Klasör Aç projesini kullanmadan önce mevcut Node.js kodundan bir çözüm oluşturmayı deneyin. Bazı senaryolarda, bu yöntem Visual Studio'da daha iyi özellik desteği sağlar. Projeyi oluşturmak için Mevcut Node.js kodundan Dosya > Yeni Proje > JavaScript'i > seçin ve ardından kaynak olarak proje klasörünüzü seçin.

Önkoşullar

• Visual Studio 2017 sürüm 15.8 veya sonraki sürümleri
• Visual Studio Node.js geliştirme iş yükü yüklenmelidir

npm tümleştirmesi

Açtığınız klasör bir package.json dosyası içeriyorsa, npm'ye özgü bir bağlam menüsü (kısayol menüsü) göstermek için package.json dosyasına sağ tıklayabilirsiniz.

Kısayol menüsünde, npm tarafından yüklenen paketleri, proje dosyası kullanırken npm paketlerini yönettiğiniz şekilde yönetebilirsiniz.

Buna ek olarak, menü package.json dosyasında öğesinde scriptstanımlanan betikleri çalıştırmanıza da olanak tanır. Bu betikler, ortam değişkeninde PATH bulunan Node.js sürümünü kullanır. Betikler yeni bir pencerede çalışır. Bu, derleme veya çalıştırma betiklerini yürütmek için harika bir yoldur.

Derleme ve hata ayıklama

package.json

Klasördeki package.json öğesi main belirtiyorsa, package.json için sağ tıklama kısayol menüsünde Hata Ayıkla komutu kullanılabilir. Buna tıklanması, node.exe dosyasını bağımsız değişkeni olarak belirtilen betikle başlatır.

JavaScript dosyaları

Bir dosyaya sağ tıklayıp kısayol menüsünden Hata Ayıkla'ya tıklayarak JavaScript dosyalarında hata ayıklayabilirsiniz . Bu işlem node.exe dosyasını bağımsız değişkeni olarak bu JavaScript dosyasıyla başlatır.

Not

Hata Ayıkla menü seçeneğini görmüyorsanız, daha önce açıklandığı gibi projeyi mevcut Node.js kodundan oluşturmanız gerekebilir.

TypeScript dosyaları ve tsconfig.json

Klasörde tsconfig.json yoksa, bu dosyayı derlemek ve hatalarını ayıklamak için kısayol menüsü komutlarını görmek için bir TypeScript dosyasına sağ tıklayabilirsiniz. Bu komutları kullandığınızda, varsayılan seçeneklerle tsc.exe kullanarak derleme veya hata ayıklaması yaparsınız. (Hata ayıklamadan önce dosyayı oluşturmanız gerekir.)

Not

TypeScript kodu oluştururken, içinde C:\Program Files (x86)\Microsoft SDKs\TypeScriptyüklü olan en yeni sürümü kullanırız.

Klasörde bir tsconfig.json dosyası varsa, bir TypeScript dosyasına sağ tıklayarak bu TypeScript dosyasında hata ayıklamak için bir menü komutu görebilirsiniz. Bu seçenek yalnızca tsconfig.json dosyasında belirtilmemişse outFile görüntülenir. outFile belirtilirse, tsconfig.json dosyasına sağ tıklayıp doğru seçeneği belirleyerek bu dosyanın hatalarını ayıklayabilirsiniz. Dosya ayrıca tsconfig.json derleyici seçeneklerini belirtmenize olanak tanıyan bir derleme seçeneği sunar.

Not

tsconfig.json hakkında daha fazla bilgiyi tsconfig.jsonTypeScript El Kitabı sayfasında bulabilirsiniz.

Birim Testleri

Package.json dosyasında bir test kökü belirterek Visual Studio'da birim testi tümleştirmesini etkinleştirebilirsiniz:

{
    // ...
    "vsTest":{
        "testRoot": "./tests"
    }
    // ...
}

Test çalıştırıcısı, hangi test çerçevesinin kullanılacağını belirlemek için yerel olarak yüklenen paketleri numaralandırır. Desteklenen çerçevelerden hiçbiri tanınmıyorsa, test çalıştırıcısı varsayılan olarak ExportRunner olur. Desteklenen diğer çerçeveler şunlardır:

• Mocha (mochajs.org)
• Jasmine (Jasmine.github.io)
• Bant (github.com/substack/tape)
• Jest (jestjs.io)

Test Gezgini'ni açtıktan sonra (Test>Windows>Test Gezgini'ni seçin), Visual Studio testleri bulur ve görüntüler.

Not

Test çalıştırıcısı yalnızca test kökündeki JavaScript dosyalarını numaralandırır, uygulamanız TypeScript'te yazılmışsa önce bunları oluşturmanız gerekir.