Bagikan melalui

Mengembangkan kode JavaScript dan TypeScript di Visual Studio tanpa solusi atau proyek

  • Artikel

Mulai Visual Studio 2017, Anda dapat mengembangkan kode tanpa proyek atau solusi, yang memungkinkan Anda membuka folder kode dan segera mulai bekerja dengan dukungan penyunting kaya seperti IntelliSense, pencarian, refaktor, penelusuran kesalahan, dan banyak lagi. Selain fitur-fitur ini, Node.js Tools for Visual Studio menambahkan dukungan untuk membangun file TypeScript, mengelola paket npm, dan menjalankan skrip npm.

Untuk memulai, pilihBuka>File>Folder dari toolbar. Penjelajah Solusi menampilkan semua file dalam folder, dan Anda dapat membuka salah satu file untuk mulai mengedit. Di latar belakang, Visual Studio mengindeks file untuk mengaktifkan fitur npm, build, dan debug.

Tip

Sebelum menggunakan proyek Buka Folder, coba buat solusi dari kode Node.js yang ada. Dalam beberapa skenario, metode ini memberikan dukungan fitur yang lebih baik di Visual Studio. Untuk membuat proyek, pilih File > Proyek > Baru JavaScript > Dari kode Node.js yang ada, lalu pilih folder proyek Anda sebagai sumbernya.

Prasyarat

  • Visual Studio 2017 versi 15.8 atau versi yang lebih baru
  • Beban kerja pengembangan Visual Studio Node.js harus diinstal

Integrasi npm

Jika folder yang Anda buka berisi file package.json, Anda dapat mengklik kanan package.json untuk menampilkan menu konteks (menu pintasan) khusus untuk npm.

npm menu in Solution Explorer

Di menu pintasan, Anda dapat mengelola paket yang dipasang oleh npm dengan cara yang sama seperti Anda mengelola paket npm saat menggunakan file proyek.

Selain itu, menu juga memungkinkan Anda untuk menjalankan skrip yang ditentukan dalam scripts elemen di package.json. Skrip ini akan menggunakan versi Node.js yang tersedia pada PATH variabel lingkungan. Skrip berjalan di jendela baru. Ini adalah cara yang bagus untuk menjalankan build atau menjalankan skrip.

Membangun dan Menjalankan

package.json

Jika package.json di folder menentukan main elemen, perintah Debug akan tersedia di menu pintasan klik kanan untuk package.json. Mengklik ini akan dimulai node.exe dengan skrip yang ditentukan sebagai argumennya.

File JavaScript

Anda dapat men-debug file JavaScript dengan mengklik kanan file dan memilih Debug dari menu pintasan. Ini dimulai node.exe dengan file JavaScript tersebut sebagai argumennya.

Catatan

Jika Anda tidak melihat opsi menu Debug , Anda mungkin perlu membuat proyek dari kode Node.js yang ada, seperti yang dijelaskan sebelumnya.

File TypeScript dan tsconfig.json

Jika tidak ada tsconfig.json yang ada di folder, Anda dapat mengklik kanan file TypeScript untuk melihat perintah menu pintasan untuk membangun dan men-debug file tersebut. Saat Anda menggunakan perintah ini, Anda membuat atau men-debug menggunakan tsc.exe dengan opsi default. (Anda perlu membuat file sebelum dapat men-debug.)

Catatan

Saat membuat kode TypeScript, kami menggunakan versi terbaru yang dipasang di C:\Program Files (x86)\Microsoft SDKs\TypeScript.

Jika ada file tsconfig.json yang ada di folder, Anda dapat mengklik kanan file TypeScript untuk melihat perintah menu untuk men-debug file TypeScript tersebut. Opsi hanya muncul jika tidak outFile ada yang ditentukan di tsconfig.json. Jika outFileditentukan, Anda dapat men-debug file tersebut dengan mengklik kanan tsconfig.json dan memilih opsi yang benar. File tsconfig.jsonini juga memberi Anda opsi build untuk memungkinkan Anda menentukan opsi penyusun.

Catatan

Anda dapat menemukan informasi selengkapnya tentang tsconfig.json di halaman Buku Pegangan TypeScript tsconfig.json.

Pengujian Unit

Anda dapat mengaktifkan integrasi pengujian unit di Visual Studio dengan menentukan akar pengujian di package.json Anda:

{
    // ...
    "vsTest":{
        "testRoot": "./tests"
    }
    // ...
}

Runner pengujian menghitung paket yang dipasang secara lokal untuk menentukan kerangka kerja pengujian mana yang akan digunakan. Jika tidak ada kerangka kerja yang didukung yang dikenali, runner pengujian default ke ExportRunner. Kerangka kerja lain yang didukung adalah:

Setelah membuka Test Explorer (pilih Test>Windows>Test Explorer), Visual Studio menemukan dan menampilkan pengujian.

Catatan

Runner pengujian hanya akan menghitung file JavaScript di akar pengujian, jika aplikasi Anda ditulis dalam TypeScript, Anda perlu membangunnya terlebih dahulu.