JavaScript dan TypeScript di Visual Studio

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 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

Pengalaman JavaScript di Visual Studio 2022 didukung oleh mesin yang sama yang menyediakan dukungan TypeScript. Mesin ini memberi Anda dukungan, kekayaan, dan integrasi fitur yang lebih baik segera out-of-the-box.

Opsi untuk memulihkan ke layanan bahasa JavaScript lama tidak lagi tersedia. Pengguna memiliki layanan bahasa JavaScript baru out-of-the-box. 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 ringan dan mengonsumsi lebih sedikit memori daripada layanan lama, memberi Anda performa yang lebih baik saat kode Anda diskalakan. 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 pengelola paket NuGet. Ketika paket NuGet digunakan, versi layanan bahasa yang sesuai akan digunakan untuk dukungan bahasa dalam proyek Anda. Catatan: Versi minimum yang didukung oleh 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 pengelola npm dalam proyek yang didukung. Catatan: Versi minimum yang didukung oleh paket ini adalah 2.1.

TypeScript SDK tidak digunakan lagi pada Visual Studio 2022. Proyek yang ada yang mengandalkan SDK harus ditingkatkan untuk menggunakan paket NuGet. Untuk proyek yang tidak dapat segera ditingkatkan, SDK masih tersedia di Marketplace Visual Studio dan sebagai komponen opsional di alat penginstal Visual Studio.

Tip

Untuk proyek yang dikembangkan pada Visual Studio 2022, kami mendorong Anda untuk menggunakan TypeScript NuGet atau paket npm TypeScript untuk portabilitas yang lebih besar di berbagai platform dan lingkungan. Untuk informasi selengkapnya, lihat Kompilasi kode TypeScript menggunakan NuGet dan Kompilasi kode TypeScript menggunakan tsc.

Template 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 pasang 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 proyek API ASP.NET Core dan mengunduh modul npm Anda menggunakan pengelola npm. Lihat beberapa mulai cepat dan tutorial untuk memulai. Untuk informasi selengkapnya, lihat tutorial Visual Studio | JavaScript dan TypeScript.

Catatan

Templat yang disederhanakan dan diperbarui tersedia mulai di Visual Studio 2022 versi 17.5. Dibandingkan dengan templat SPA ASP.NET yang tersedia di Visual Studio, templat .esproj SPA untuk ASP.NET Core memberikan manajemen dependensi npm yang lebih baik, dan dukungan build dan penerbitan yang lebih baik.