JavaScript adalah salah satu bahasa front-end yang paling penting karena memberikan halaman web Anda kemampuan untuk berpikir dan bereaksi. Anda mungkin ingin menambahkan JavaScript ke IDE Anda jika Anda adalah pengembang front-end. Dalam tutorial ini, kita akan melihat caranya instal JavaScript di VSCode.
tindakan pusat keamanan windows defender direkomendasikan
Instal JavaScript di VSCode
Visual Studio Code adalah editor kode yang sepenuhnya gratis dan bersumber terbuka. Ini telah dikembangkan oleh Microsoft dan sangat dihormati oleh para pengembang karena desainnya yang ringan, cepat, dan dapat diperluas. Editor kode ini mampu mendukung berbagai bahasa pemrograman, dan dalam tutorial ini kita akan fokus pada JavaScript.
Untuk menginstal JavaScript di VSCode, Anda perlu mengikuti langkah-langkah yang disebutkan di bawah ini.
- Instal Kode Visual Studio
- Instal Node.JS
- Membuat dan menjalankan program JavaScript
Mari kita membicarakannya secara detail.
1] Instal Kode Visual Studio
Pertama-tama, kita perlu menginstal Visual Studio Code di komputer Anda. Untuk melakukan hal yang sama, navigasikan ke kode.visualstudio.com dan instal aplikasi untuk platform pilihan Anda. Setelah diunduh, buka lokasi Unduh dan instal di komputer Anda.
2] Instal Node.JS
Node.js adalah lingkungan runtime JavaScript gratis dan sumber terbuka yang dapat berjalan di berbagai sistem operasi seperti Windows, Linux, Unix, dan macOS. Ia menggunakan mesin JavaScript V8 untuk mengeksekusi kode JavaScript di luar browser web. Dengan Node.js, Anda dapat menggunakan JavaScript untuk menulis alat baris perintah dan melakukan skrip sisi server.
Kita dapat menginstal Paket Ekstensi Node.JS dari Pusat Ekstensi. Jadi, buka bagian Ekstensi dengan mengklik ikon masing-masing, cari “Node.JS” dan klik ikon Instal yang terkait dengannya. Paket ini berisi kumpulan ekstensi bermanfaat untuk bekerja dengan JavaScript dan Node.js.
jendela miracast 10
Untuk menjalankan kode JavaScript, kita perlu menginstal Node.js, runtime JavaScript. Anda dapat mengunduhnya dari resminya Nodejs.org situs web. Disarankan agar Anda memilih versi LTS (Dukungan Jangka Panjang), karena versi ini paling stabil dan cocok untuk sebagian besar pengguna.
3] Buat dan jalankan program JavaScript
Sekarang kita telah menciptakan lingkungan untuk menjalankan kode, mari kita mulai membuat kode. Untuk melakukan hal yang sama, Anda harus membuat file VSCode terlebih dahulu. Jadi, buka Visual Studio Code dan buka File > File Baru. Berikan nama pilihan Anda tetapi dengan .js perpanjangan. Jadi, Anda bisa menamainya “javascript.js”. Untuk menyimpannya gunakan Ctrl + Shift + S atau File > Save As. Untuk mengonfirmasi apakah semuanya berfungsi dengan baik, gunakan perintah berikut.
tidak ada perangkat keluaran audio yang dipasang
console.log("Hello, world!");Kode JavaScript ini akan menampilkan “Halo, dunia!” melalui konsol, antarmuka berbasis teks untuk komunikasi dengan program Anda.
4] Jalankan file JavaScript
Menjalankan JavaScript tidak semudah menjalankan file Java. Anda juga harus menginstal CodeRunner, yang akan menambahkan tombol ke IDE Anda sehingga memungkinkan Anda menjalankan kode hanya dengan satu klik tombol. Atau, buka Terminal, dan kemudian navigasikan ke jalur file menggunakan 'cd' atau ubah perintah direktori. Jadi, cukup cd ke jalur file Anda (cd ~/Desktop/JS) lalu jalankan simpul nama file.js. Namun, Code Runner akan secara otomatis melakukannya untuk Anda.
Membaca: Cara mengkonfigurasi VS Code untuk Microsoft C++ ?
Perbaiki 'simpul' tidak dikenali sebagai perintah internal atau eksternal
Jika Anda mendapatkan pesan kesalahan yang menyatakan “'node' tidak dikenali sebagai perintah internal atau eksternal”, variabel jalur tidak ditentukan di sistem Anda. Jadi, Anda perlu mengikuti langkah-langkah yang disebutkan di bawah ini untuk menentukan jalur dalam variabel lingkungan.
- Tekan Win + R, ketik “Variabel Lingkungan” dan buka Edit variabel lingkungan sistem bagian.
- Klik Variabel Lingkungan.
- Pilih Jalur lalu klik Edit.
- Klik Baru, dan tempel jalur tempat Nodejs diinstal. Bagi saya, itu adalah “C:\Program Files\nodejs”
- Klik Oke.
Terakhir, mulai ulang Visual Studio Code lalu periksa apakah masalah telah teratasi.
autocad 2010 windows 10
Membaca: Penginstal Visual Studio terjebak saat menginstal paket
Bagaimana cara menambahkan JavaScript di VS Code?
Untuk menambahkan JavaScript di Visual Studio Code, Anda perlu menginstal VSCode terlebih dahulu, lalu Node.JS. Setelah selesai, buat file .JS, tulis kode, lalu mulailah menulis kode. Untuk menjalankannya, cukup navigasikan ke jalur file menggunakan Terminal lalu jalankan simpul nama file.js atau lebih baik unduh ekstensi Code Runner.
Membaca: Cara mengunduh dan menginstal Java JDK di Windows ?
Bisakah kita melakukan JavaScript di VS Code?
Ya, Anda dapat menggunakan JavaScript di VS Code. Faktanya, VS Code memberikan dukungan debugging yang sangat baik untuk JavaScript. Anda dapat dengan mudah mengatur breakpoint, memeriksa objek, menavigasi tumpukan panggilan, dan mengeksekusi kode di Konsol Debug. Jika Anda ingin mempelajari lebih lanjut tentang debugging di VS Code, navigasikan ke kode.visualstudio.com .
Baca juga: Ekstensi C++ Terbaik untuk Visual Studio Code .
