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 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 tidak digunakan lagi di Visual Studio 2022. Proyek yang ada yang mengandalkan SDK harus ditingkatkan untuk menggunakan paket NuGet.

Petunjuk / Saran

Untuk proyek yang dikembangkan di 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 Mengkompilasi kode TypeScript menggunakan kode NuGet dan Compile TypeScript menggunakan npm.

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.

Nota

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.