JavaScript dan TypeScript di Visual Studio

Visual Studio menyediakan dukungan yang kaya untuk pengembangan JavaScript, baik menggunakan JavaScript secara langsung maupun menggunakan bahasa pemrograman TypeScript. TypeScript dikembangkan untuk memberikan pengalaman pengembangan JavaScript yang lebih produktif dan menyenangkan, terutama ketika mengembangkan proyek dalam skala besar. Anda dapat menulis kode JavaScript atau TypeScript di Visual Studio untuk banyak jenis dan layanan aplikasi.

Layanan bahasa JavaScript dan TypeScript

Secara default, Visual Studio mendukung pengalaman JavaScript dan TypeScript dengan TypeScript SDK bawaan yang menyediakan layanan kompilator dan bahasa. SDK ini terutama untuk skenario pengeditan JavaScript di mana proyek Anda tidak memiliki versi TypeScript sendiri yang diinstal.

Mulai Visual Studio 2026, SDK bawaan menggunakan pengkompilasi asli TypeScript 7, port asli kompilator dan alat TypeScript yang membawa peningkatan performa yang signifikan. Anda melihat IntelliSense dan penyelesaian yang lebih cepat, diagnostik kesalahan yang lebih cepat, waktu pemuatan proyek yang lebih cepat, dan peningkatan responsivitas untuk fitur seperti Temukan Semua Referensi dan Buka Definisi. Untuk informasi selengkapnya, lihat TypeScript 7 Beta Now Enabled by Default.

Menggunakan versi TypeScript yang berbeda untuk layanan bahasa

Jika proyek Anda memiliki versi TypeScript lokal yang terinstal (melalui npm atau NuGet), Visual Studio menggunakan versi tersebut untuk layanan bahasa, bukan SDK bawaan.

• Untuk menggunakan TypeScript 6.x (GA), instal paket npm TypeScript di proyek Anda:

  npm install -D typescript@^6.0.0
  

• Untuk menetapkan versi pratinjau native TypeScript 7 tertentu, instal paket @typescript/native-preview:

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

Untuk menonaktifkan sepenuhnya layanan bahasa native TypeScript 7, buka Alat>Opsi>Fitur Pratinjau, lalu cari "pratinjau native". Nonaktifkan Aktifkan Pratinjau Layanan Bahasa Asli JavaScript/TypeScript, lalu mulai ulang Visual Studio.

Dukungan TypeScript

Secara default, Visual Studio menyediakan dukungan bahasa untuk file JavaScript dan TypeScript untuk mendukung IntelliSense tanpa konfigurasi proyek tertentu. Untuk mengkompilasi TypeScript, Visual Studio memberi Anda fleksibilitas untuk memilih versi TypeScript mana yang akan digunakan per proyek.

Dalam skenario kompilasi MSBuild seperti ASP.NET Core, paket TypeScript NuGet adalah metode yang direkomendasikan untuk menambahkan dukungan kompilasi TypeScript ke proyek Anda. Visual Studio memberi Anda opsi untuk menambahkan paket ini saat pertama kali Anda menambahkan file TypeScript ke proyek Anda. Anda juga dapat menambahkan paket ini kapan saja melalui manajer paket NuGet. Saat Anda menggunakan paket NuGet, versi layanan bahasa yang sesuai digunakan untuk dukungan bahasa dalam proyek Anda.

Proyek yang dikonfigurasi untuk npm, seperti proyek Node.js, dapat menentukan versi layanan bahasa TypeScript mereka sendiri dengan menambahkan paket npm TypeScript. Anda dapat menentukan versi dengan menggunakan manajer npm dalam proyek yang didukung.

TypeScript SDK yang dapat diunduh secara terpisah tidak lagi tersedia dari Visual Studio Marketplace. Gunakan paket NuGet atau npm sebagai gantinya.

Templat Proyek

Visual Studio menyertakan jenis project JavaScript/TypeScript (.esproj), yang disebut JavaScript Project System (JSPS), yang dapat Anda gunakan untuk membuat proyek Angular, React, dan Vue mandiri di Visual Studio. Proyek front-end ini dibuat menggunakan alat CLI framework yang Anda instal di komputer lokal Anda, sehingga Anda dapat memilih versi templat. Untuk bermigrasi dari proyek Node.js yang ada ke sistem proyek baru, lihat Memigrasikan proyek Node.js. Untuk informasi MSBuild untuk jenis proyek baru, lihat Properti MSBuild untuk JSPS.

Dalam proyek baru ini, Anda dapat menjalankan pengujian unit JavaScript dan TypeScript, dengan mudah menambahkan dan menghubungkan proyek API ASP.NET Core, dan mengunduh modul npm Anda dengan menggunakan manajer npm. Coba beberapa panduan cepat dan tutorial untuk memulai. Untuk informasi selengkapnya, lihat Tutorial Visual Studio | JavaScript dan TypeScript.

Visual Studio 2022 memberikan dukungan yang kaya untuk pengembangan JavaScript, baik menggunakan JavaScript secara langsung, dan juga menggunakan bahasa pemrograman TypeScript, yang dikembangkan untuk memberikan pengalaman pengembangan JavaScript yang lebih produktif dan menyenangkan, terutama saat mengembangkan proyek dalam skala besar. Anda dapat menulis kode JavaScript atau TypeScript di Visual Studio untuk banyak jenis dan layanan aplikasi.

Layanan bahasa JavaScript

Pengalaman JavaScript di Visual Studio 2022 didukung oleh mesin yang sama yang menyediakan dukungan TypeScript. Mesin ini memberikan dukungan fitur, kelengkapan, dan integrasi yang lebih baik serta langsung dapat digunakan tanpa pengaturan tambahan.

Opsi untuk memulihkan ke layanan bahasa JavaScript warisan tidak lagi tersedia. Pengguna memiliki layanan bahasa JavaScript baru yang siap digunakan langsung. Layanan bahasa baru hanya didasarkan pada layanan bahasa TypeScript, yang didukung oleh analisis statis. Layanan ini memungkinkan kami memberi Anda alat yang lebih baik, sehingga kode JavaScript Anda dapat memperoleh manfaat dari IntelliSense yang lebih kaya berdasarkan definisi jenis. Layanan baru ini ringan dan mengonsumsi lebih sedikit memori dibandingkan layanan lama, memberi Anda performa yang lebih baik seiring peningkatan skala kode Anda. Kami juga meningkatkan performa layanan bahasa untuk menangani proyek yang lebih besar.

Dukungan TypeScript

Secara default, Visual Studio 2022 menyediakan dukungan bahasa untuk file JavaScript dan TypeScript untuk mendukung IntelliSense tanpa konfigurasi proyek tertentu.

Untuk mengkompilasi TypeScript, Visual Studio memberi Anda fleksibilitas untuk memilih versi TypeScript mana yang akan digunakan per proyek.

Dalam skenario kompilasi MSBuild seperti ASP.NET Core, paket TypeScript NuGet adalah metode yang direkomendasikan untuk menambahkan dukungan kompilasi TypeScript ke proyek Anda. Visual Studio akan memberi Anda opsi untuk menambahkan paket ini saat pertama kali Anda menambahkan file TypeScript ke proyek Anda. Paket ini juga tersedia kapan saja melalui manajer paket NuGet. Ketika paket NuGet digunakan, versi layanan bahasa yang sesuai akan digunakan untuk dukungan bahasa dalam proyek Anda. Catatan: Versi minimum yang didukung dari paket ini adalah 3.6.

Proyek yang dikonfigurasi untuk npm, seperti proyek Node.js, dapat menentukan versi layanan bahasa TypeScript mereka sendiri dengan menambahkan paket npm TypeScript. Anda dapat menentukan versi menggunakan manajer npm dalam proyek yang didukung. Catatan: Versi minimum yang didukung dari paket ini adalah 2.1.

TypeScript SDK yang dapat diunduh secara terpisah tidak lagi tersedia dari Visual Studio Marketplace. Proyek yang ada yang mengandalkan SDK harus ditingkatkan untuk menggunakan paket NuGet.

Templat Proyek

Mulai visual Studio 2022, ada jenis proyek JavaScript/TypeScript baru (.esproj), yang disebut JavaScript Project System (JSPS), yang memungkinkan Anda membuat proyek Angular, React, dan Vue mandiri di Visual Studio. Proyek front-end ini dibuat menggunakan alat CLI kerangka kerja yang telah Anda instal di komputer lokal Anda, sehingga versi templat terserah Anda. Untuk bermigrasi dari proyek Node.js yang ada ke sistem proyek baru, lihat Memigrasikan proyek Node.js. Untuk informasi MSBuild untuk jenis proyek baru, lihat Properti MSBuild untuk JSPS

Dalam proyek baru ini, Anda dapat menjalankan pengujian unit JavaScript dan TypeScript, dengan mudah menambahkan dan menghubungkan ASP.NET proyek Core API dan mengunduh modul npm Anda menggunakan manajer npm. Coba beberapa panduan cepat dan tutorial untuk memulai. Untuk informasi selengkapnya, lihat Tutorial Visual Studio | JavaScript dan TypeScript.