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.

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.

Visual Studio 2019, 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 Servisi

Visual Studio 2019'daki JavaScript deneyimi, TypeScript desteği sağlayan aynı altyapı tarafından desteklenir. Bu, 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 artık kullanıma açık yeni JavaScript dil hizmetine sahip. Yeni dil hizmeti yalnızca statik analizle desteklenen TypeScript dil hizmetini temel alır. Bu, javascript kodunuzun tür tanımlarına göre daha zengin IntelliSense'ten yararlanabilmesi için size daha iyi araçlar sunmamızı sağlar. 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

Visual Studio 2019, TypeScript derlemesini projenizle tümleştirmek için çeşitli seçenekler sağlar:

• TypeScript NuGet paketi. TypeScript 3.2 veya üzeri için NuGet paketi projenize yüklendiğinde, TypeScript dil hizmetinin karşılık gelen sürümü düzenleyiciye yüklenir.
• TypeScript npm paketi. TypeScript 2.1 veya üzeri için npm paketi projenize yüklendiğinde, TypeScript dil hizmetinin karşılık gelen sürümü düzenleyiciye yüklenir.
• Visual Studio yükleyicisinde varsayılan olarak kullanılabilen TypeScript SDK'sının yanı sıra VS Market'ten tek başına SDK indirmesi.

Projeler

UWP JavaScript uygulamaları artık Visual Studio 2019’da desteklenmemektedir. JavaScript UWP projeleri (.jsproj uzantısına sahip dosyalar) oluşturamaz veya açamazsınız. Windows üzerinde iyi çalışan Aşamalı Web Uygulamaları (PWA) oluşturma belgelerimizi kullanarak daha fazla bilgi edinebilirsiniz.