Visual Studio'da JavaScript ve TypeScript

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

JavaScript ve TypeScript dil hizmeti

Varsayılan olarak, Visual Studio derleyici ve dil hizmetini sağlayan yerleşik bir TypeScript SDK'sı ile JavaScript ve TypeScript deneyimini destekler. Bu SDK öncelikle projenizin kendi TypeScript sürümünün yüklü olmadığı JavaScript düzenleme senaryolarına yöneliktir.

Visual Studio 2026'dan itibaren yerleşik SDK, TypeScript derleyicisinin yerel bağlantı noktası olan TypeScript 7 yerel derleyicisini ve önemli performans iyileştirmeleri getiren araçları kullanır. Daha hızlı IntelliSense ve tamamlamalar, daha hızlı hata tanılamaları, daha kısa proje yükleme süreleri ve Tüm Referansları Bul ile Tanıma Git gibi özelliklerde daha iyi yanıt verme görürsünüz. Daha fazla bilgi için bkz. TypeScript 7 Beta Artık Varsayılan Olarak Etkinleştirildi.

Dil hizmeti için farklı bir TypeScript sürümü kullanma

Projenizde yerel bir TypeScript sürümü yüklüyse (npm veya NuGet aracılığıyla), Visual Studio yerleşik SDK yerine dil hizmeti için bu sürümü kullanır.

• TypeScript 6.x (GA) kullanmak için projenize TypeScript npm paketini yükleyin:

  npm install -D typescript@^6.0.0
  

• Belirli bir TypeScript 7 yerel önizleme sürümüne sabitlemek için @typescript/native-preview paketini yükleyin:

  npm install -D @typescript/native-preview@beta
  

TypeScript 7 yerel dil hizmetini tamamen devre dışı bırakmak için Araçlar>Seçenekleri>Önizleme Özellikleri'ne gidin ve "yerel önizleme" araması yapın. JavaScript/TypeScript Yerel Dil Hizmeti Önizlemesini Etkinleştir'i devre dışı bırakın ve Visual Studio yeniden başlatın.

TypeScript desteği

Varsayılan olarak, Visual Studio 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 paketi istediğiniz zaman NuGet paket yöneticisi aracılığıyla da ekleyebilirsiniz. NuGet paketini kullandığınızda, ilgili dil hizmeti sürümü projenizde dil desteği için kullanılı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.

Ayrıca indirilebilir TypeScript SDK'sı artık Visual Studio Market'ten kullanılamaz. Bunun yerine NuGet veya npm paketini kullanın.

Proje şablonları

Visual Studio, Visual Studio'da tek başına Angular, React ve Vue projeleri oluşturmak için kullanabileceğiniz JavaScript/TypeScript project türü (.esproj), JavaScript Project Sistemi (JSPS) içerir. Bu ön uç projeleri, yerel makinenize yüklediğiniz çerçeve CLI araçları kullanılarak oluşturulur, bu nedenle şablonun sürümünü seçersiniz. Mevcut Node.js projelerinden yeni proje sistemine geçiş yapmak için Node.js projelerini geçirme bölümüne bakın. 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, ASP.NET Core API projelerini kolayca ekleyip 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 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 sistem size kutudan çıktığı anda daha iyi özellik desteği, zenginlik ve entegrasyon sağlar.

Eski JavaScript dil hizmetine geri yükleme seçeneği artık kullanılamıyor. Kullanıcılar yeni JavaScript dil hizmetine doğrudan erişebilir. 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.

Ayrıca indirilebilir TypeScript SDK'sı artık Visual Studio Market'ten kullanılamaz. SDK'ya dayanan mevcut projeler NuGet paketini kullanacak şekilde yükseltilmelidir.

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 Node.js projelerini geçirme bölümüne bakın. 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.