
Tutorial Visual Studio Code – Visual Studio menyertakan JavaScript IntelliSense bawaan, debugging, pemformatan, navigasi, pemfaktoran ulang, dan banyak fitur bahasa lanjutan lainnya.
Sebagian besar fitur ini bekerja di luar kotak, sementara beberapa memerlukan konfigurasi sederhana untuk pengalaman terbaik. Halaman ini menjelaskan fitur JavaScript yang disertakan dengan VS. Plugin VS Marketplace dapat meningkatkan atau mengganti sebagian besar alat bawaan ini. Untuk penjelasan mendalam tentang cara kerja fungsi ini dan cara mengonfigurasinya, lihat Bekerja dengan JavaScript.
IntelliSense menunjukkan kecerdasan lengkap, menghentikan data, dan tanda tangan data sehingga Anda dapat menulis lebih cepat dan lebih akurat.
Lihat Bekerja dengan JavaScript untuk informasi tentang IntelliSense JavaScript VS, cara mengonfigurasinya, dan membantu masalah IntelliSense.
Tip: Untuk memeriksa apakah file JavaScript adalah bagian dari proyek JavaScript, cukup buka file di VS dan jalankan perintah JavaScript: Buka Konfigurasi. Perintah ini membuka jsconfig.json, yang mengacu pada file JavaScript. Pesan akan muncul jika file jsconfig.json bukan bagian dari proyek. Detail
Ada banyak plugin yang menyediakan snippet tambahan, termasuk snippet untuk framework populer seperti Redux atau Angular. Anda dapat menentukan fragmen sendiri.
Kiat: Untuk menonaktifkan saran cuplikan, setel editor.snippetSuggestions ke “none” di file konfigurasi. Parameter editor.snippetSuggestions juga memungkinkan Anda mengubah tampilan cuplikan di saran: di bagian atas (“di atas”), di bagian bawah (“di bawah”) atau menurut abjad (“di”). Standarnya adalah “inline”. dukungan JSDoc
VS memahami banyak anotasi JSDoc standar dan menggunakan anotasi ini untuk menyediakan IntelliSense yang kaya. Opsional, Anda dapat menggunakan panduan bahasa JSDoc untuk mengelola JavaScript Anda.
⌘K ⌘I (Windows, Linux Ctrl + K Ctrl + I) pintasan keyboard menampilkan file yang diunduh dari kursor saat ini.
Saat menulis panggilan fungsi JavaScript, VS menampilkan informasi tentang tanda tangan fungsi dan kunci dari apa yang sedang Anda berikan:
Impor otomatis mempercepat pengkodean dengan merepresentasikan properti proyek Anda dan dependensinya. Jika Anda memilih salah satu dari petunjuk ini, VS secara otomatis menambahkan impor ke bagian atas file.
Mulailah mengetik untuk melihat petunjuk untuk semua simbol JavaScript di proyek Anda saat ini. Komentar impor otomatis menunjukkan di mana mereka akan diimpor:
Tip: VS mencoba menemukan gaya impor terbaik untuk digunakan. Anda dapat langsung mengonfigurasi gaya kutipan dan gaya metode pilihan Anda untuk impor tambahan dengan parameter javascript.preferences.quoteStyle dan javascript.preferences.importModuleSpecifier. format
Anda dapat menavigasi Pencarian Simbol dengan menggunakan perintah (⇧⌘P (Windows, Linux Ctrl + Shift + P )) dari palet Perintah.
VS menyertakan beberapa pemfaktoran ulang yang berguna untuk JavaScript, seperti fungsi Ekstrak dan konstanta Ekstrak. Cukup pilih sumber yang ingin Anda hapus lalu klik lampu di slot atau tekan (⌘. (Windows, Linux Ctrl +. )) untuk melihat pemfaktoran ulang yang tersedia.
Anda dapat menghapus ini dengan cepat dengan membiarkan kursor tidak digunakan dan mengaktifkan command prompt (⌘. (Windows, Linux Ctrl +. )) atau mengklik lampu.
Anda dapat mengatur impor dari menu Tindakan dari menu atau dengan pintasan keyboard ⇧⌥O (Windows, Linux Shift + Alt + O).