Pada tutorial ini, Anda akan mempelajari tentang editor kode JavaScript dan cara menginstal Visual Studio Code untuk coding JavaScript.
Editor Kode JavaScript Populer Untuk mengedit sumber kode JavaScript, Anda memerlukan editor teks sederhana seperti Notepad di Windows. Namun, untuk menyederhanakan dan mempercepat pengetikan kode JavaScript, Anda memerlukan editor kode JavaScript.
Selain fitur dasar pengeditan, editor kode JavaScript menyediakan penyorotan sintaksis, tata letak, otomatisasi, dan fungsionalitas pencocokan kurung. Beberapa editor juga memungkinkan Anda untuk melakukan debugging JavaScript.
Berikut adalah beberapa editor kode JavaScript yang populer:
- Visual Studio Code
- Atom
- Notepad++
- Vim
- GNU Emacs
Perhatikan bahwa semua editor JavaScript ini gratis. Sebagai pilihan, kita akan menggunakan Visual Studio Code.
Visual Studio Code Visual Studio Code adalah editor kode gratis dan sumber terbuka yang dikembangkan oleh Microsoft. Visual Studio Code sering disebut sebagai VS Code.
VS Code dapat digunakan di berbagai platform termasuk Windows, Linux, dan macOS.
VS Code sangat dapat disesuaikan. Ini memungkinkan Anda untuk mengubah tema, pintasan keyboard, dan preferensi. Ini memiliki banyak ekstensi berguna yang menambahkan fungsionalitas tambahan ke editor.
VS Code mencakup dukungan bawaan untuk JavaScript, yang mencakup IntelliSense, debugging, pemformatan, navigasi kode, refaktorisasi, dan banyak fitur bahasa canggih lainnya.
Untuk mempelajari semua fitur yang didukung oleh VS Code, Anda dapat melihat JavaScript di Visual Studio Code.
Unduh Visual Studio Code Untuk mengunduh Visual Studio Code, kunjungi tautan unduh berikut:
Menginstal Visual Studio Code Mengatur Visual Studio Code sangat mudah dan cepat. Ini adalah unduhan kecil sehingga Anda dapat menginstalnya dalam beberapa menit.
A) Windows Untuk menginstal VS Code di Windows, ikuti langkah-langkah berikut:
- Jalankan installer dari file yang diunduh.
- Buka Visual Studio Code.
- Perhatikan bahwa installer akan menambahkan Visual Studio Code ke %PATH% Anda. Ini memungkinkan Anda mengetik perintah
code .untuk meluncurkan VS Code di folder tersebut.
B) macOS Ikuti langkah-langkah ini untuk menginstal VS Code di macOS:
- Klik dua kali pada arsip yang diunduh untuk mengekstrak isinya.
- Tarik aplikasi Visual Studio Code ke Applications untuk membuatnya tersedia di launchpad.
Menginstal Ekstensi Live Server Ekstensi live server memungkinkan Anda meluncurkan server lokal pengembangan dengan fitur hot reload untuk halaman statis. Begitu Anda mengubah kode JavaScript, Anda tidak perlu menyegarkan halaman untuk melihat perubahan.
Untuk menginstal ekstensi Live Server, ikuti langkah-langkah berikut:
- Klik Extensions.
- Cari Live Server dan pilih ekstensi Live Server dalam daftar.
- Terakhir, klik tombol Install.
Dalam tutorial ini, Anda telah mempelajari tentang editor kode JavaScript dan cara menginstal Visual Studio Code untuk mengedit sumber kode JavaScript.