Visual Studio’da JavaScript ve TypeScript

Visual Studio 2022, hem doğrudan JavaScript kullanarak hem de özellikle büyük ölçekte proje geliştirirken daha üretken ve keyifli bir JavaScript geliştirme deneyimi sağlamak için geliştirilen TypeScript programlama dilini kullanarak JavaScript geliştirme için zengin destek sağlar. Birçok uygulama türü ve hizmeti için Visual Studio'da JavaScript veya TypeScript kodu yazabilirsiniz.

JavaScript dil hizmeti

Visual Studio 2022'deki JavaScript deneyimi, TypeScript desteği sağlayan aynı altyapı tarafından desteklenir. Bu altyapı size hemen kullanıma sunulan daha iyi özellik desteği, zenginlik ve tümleştirme sağlar.

Eski JavaScript dil hizmetine geri yükleme seçeneği artık kullanılamıyor. Kullanıcılar yeni JavaScript dil hizmetine kullanıma açık. Yeni dil hizmeti yalnızca statik analizle desteklenen TypeScript dil hizmetini temel alır. Bu hizmet size daha iyi araçlar sunmamıza olanak tanır, böylece JavaScript kodunuz tür tanımlarına göre daha zengin IntelliSense'ten yararlanabilir. Yeni hizmet basittir ve eski hizmetten daha az bellek tüketerek kodunuz ölçeklendikçe size daha iyi performans sağlar. Daha büyük projeleri işlemek için dil hizmetinin performansını da geliştirdik.

TypeScript desteği

Varsayılan olarak, Visual Studio 2022 belirli bir proje yapılandırması olmadan IntelliSense'i desteklemek için JavaScript ve TypeScript dosyaları için dil desteği sağlar.

Visual Studio, TypeScript'i derlemek için proje başına hangi TypeScript sürümünü kullanacağınızı seçme esnekliği sunar.

ASP.NET Core gibi MSBuild derleme senaryolarında TypeScript NuGet paketi, projenize TypeScript derleme desteği eklemek için önerilen yöntemdir. Visual Studio, projenize ilk kez bir TypeScript dosyası eklediğinizde bu paketi ekleme seçeneği sunar. Bu paket, NuGet paket yöneticisi aracılığıyla da her zaman kullanılabilir. NuGet paketi kullanıldığında, ilgili dil hizmeti sürümü projenizde dil desteği için kullanılır. Not: Bu paketin desteklenen en düşük sürümü 3.6'dır.

Node.js projeleri gibi npm için yapılandırılan projeler, TypeScript npm paketini ekleyerek kendi TypeScript dil hizmeti sürümünü belirtebilir. Desteklenen projelerde npm yöneticisini kullanarak sürümü belirtebilirsiniz. Not: Bu paketin desteklenen en düşük sürümü 2.1'dir.

TypeScript SDK'sı Visual Studio 2022'de kullanım dışı bırakıldı. SDK'ya dayanan mevcut projeler NuGet paketini kullanacak şekilde yükseltilmelidir. Hemen yükseltilemeyen projeler için SDK, Visual Studio Market'te ve Visual Studio yükleyicisinde isteğe bağlı bir bileşen olarak kullanılabilir.

İpucu

Visual Studio 2022'de geliştirilen projeler için, farklı platformlar ve ortamlarda daha fazla taşınabilirlik için TypeScript NuGet veya TypeScript npm paketini kullanmanızı öneririz. Daha fazla bilgi için bkz . NuGet kullanarak TypeScript kodunu derleme ve tsc kullanarak TypeScript kodunu derleme.

Proje şablonları

Visual Studio 2022'den başlayarak, Visual Studio'da tek başına Angular, React ve Vue projeleri oluşturmanıza olanak tanıyan JavaScript Proje Sistemi (JSPS) adlı yeni bir JavaScript/TypeScript proje türü (.esproj) vardır. Bu ön uç projeleri, yerel makinenize yüklediğiniz çerçeve CLI araçları kullanılarak oluşturulur, bu nedenle şablonun sürümü size bağlıdır. Mevcut Node.js projelerinden yeni proje sistemine geçiş yapmak için bkz . Node.js projeleri geçirme. Yeni proje türüne ilişkin MSBuild bilgileri için bkz. JSPS için MSBuild özellikleri

Bu yeni projelerde JavaScript ve TypeScript birim testlerini çalıştırabilir, Core API projelerini kolayca ekleyip ASP.NET bağlayabilir ve npm yöneticisini kullanarak npm modüllerinizi indirebilirsiniz. Başlamak için bazı hızlı başlangıçlara ve öğreticilere göz atın. Daha fazla bilgi için bkz. Visual Studio öğreticileri | JavaScript ve TypeScript.

Not

Visual Studio 2022 sürüm 17.5'den başlayarak basitleştirilmiş, güncelleştirilmiş bir şablon kullanılabilir. Visual Studio'da bulunan ASP.NET SPA şablonlarıyla karşılaştırıldığında, ASP.NET Core için .esproj SPA şablonları daha iyi npm bağımlılık yönetimi ve daha iyi derleme ve yayımlama desteği sağlar.