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

Anda dapat mengembangkan kode tanpa proyek atau solusi. Pendekatan ini memungkinkan Anda membuka folder kode dan segera mulai bekerja dengan dukungan editor yang kaya seperti IntelliSense, pencarian, pemfaktoran ulang, penelusuran kesalahan, dan banyak lagi. Selain fitur-fitur ini, Node.js Tools for Visual Studio menambahkan dukungan untuk membuat 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.

Prasyarat

• Beban kerja pengembangan Node.js di Visual Studio 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.

Di menu pintasan, Anda dapat mengelola paket yang diinstal 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 men-debug

package.json

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

Jika perintah Debug tidak memulai aplikasi dengan benar, pastikan file package.json Anda menyertakan skrip mulai, seperti contoh berikut.

"main": "index.js",
"scripts": {
  "start": "node index.js",
  "test": "echo \"Error: no test specified\" && exit 1"
},

Dalam contoh ini, Anda dapat menjalankan skrip mulai dari package.json dengan mengklik kanan package.json di Penjelajah Solusi dan memilih Npm npm>menjalankan skrip mulai.

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

Jika perintah Debug tidak memulai aplikasi dengan benar, gunakan metode yang dijelaskan di bagian package.json untuk menjalankan skrip mulai.

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

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 ini hanya muncul jika outFile tidak ditentukan dalam tsconfig.json. Jika outFile ditentukan, Anda dapat melakukan debug pada file tersebut dengan mengklik kanan tsconfig.json dan memilih opsi yang sesuai. File ini tsconfig.json juga memberi Anda opsi build untuk memungkinkan Anda menentukan opsi pengkompilasi.

Pengujian Unit

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

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

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

• Mocha (mochajs.org)
• Jasmine (Jasmine.github.io)
• Tape (github.com/substack/tape)
• Jest (jestjs.io)

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