Penyiapan lingkungan

Eksperimen JavaScript berangkat dari perkakas yang sederhana, yaitu browser untuk coba-coba dan editor teks untuk menulis, ditambah Node.js yang dipasang sekali di awal. Topik ini menyiapkan tiga perkakas tersebut secara berurutan, lengkap dengan cara memverifikasinya. Setiap langkahnya disertai perintah versi, sehingga sisa materi jalur ini berjalan pada lingkungan yang serupa.

Konsol browser untuk eksperimen cepat#

Setiap browser modern menyertakan DevTools, sekumpulan alat pengembang yang terpasang bawaan. Caranya, tekan F12 pada Windows atau Linux, atau kombinasi Option, Command, dan I pada macOS, lalu pilih tab Console. Konsol menerima ekspresi JavaScript yang dieksekusi segera setelah tombol Enter ditekan, dan hasilnya tampil di bawahnya. Bentuk kerja seperti ini cocok untuk menguji sintaks baru, memeriksa perilaku operator, atau mengamati isi suatu nilai sebelum menuliskannya ke berkas. Konsol juga menampilkan pesan error lengkap dengan letak barisnya, sehingga kesalahan ketik cepat ketahuan.

Sebagai pemanasan, ekspresi penjumlahan berikut dapat diketik langsung pada tab Console. Baris yang sama juga dapat dijalankan di Node.js, sehingga latihan kecil dapat dipindah-pindah antar lingkungan tanpa mengubah kodenya.

console.log(2 + 3);

5

Batas konsol juga perlu diketahui sejak awal. Kode yang diketik di konsol tidak tersimpan sebagai berkas dan hilang saat tab ditutup atau halaman dimuat ulang. Lingkungannya pula browser, bukan Node.js, sehingga objek host seperti window dan document tersedia, sedangkan objek process milik Node.js tidak ada.

Editor untuk proyek nyata#

Proyek nyata terdiri atas banyak berkas yang saling terhubung, dan menyunting semuanya lewat konsol tidak praktis. Di sinilah editor teks berperan, dan VS Code dipakai sebagai acuan di jalur ini karena gratis, lintas sistem operasi, dan lazim dipakai pengembang JavaScript. Editor menyediakan penyorotan sintaks yang menandai struktur kode, penyelesaian otomatis yang menebak nama variabel dan fungsi, serta penanda kesalahan saat mengetik. Terminal terpadunya membuat perintah seperti node salam.js dapat dijalankan tanpa berpindah jendela. Dukungan ekstensinya juga luas, mulai dari pemformat kode sampai pemeriksa gaya penulisan.

Editor bekerja berbasis direktori. Buka satu direktori sebagai ruang kerja, buat berkas .js di dalamnya, lalu sunting dan simpan seperti biasa. Editor lain juga boleh dipakai bila sudah dikuasai, karena seluruh contoh jalur ini tidak bergantung pada editor tertentu. Sebagian besar materi hanya membutuhkan satu direktori proyek sederhana berisi beberapa berkas JavaScript.

Pemasangan VS Code berjalan satu kali, yaitu mengunduhnya dari situs resminya lalu mengikuti petunjuk sistem operasi yang dipakai. Keterampilan yang perlu dibiasakan hanya dua, yaitu membuka direktori proyek dan membuka terminal terpadunya. Dengan keduanya, seluruh siklus menulis dan menjalankan kode dapat dilakukan dari satu jendela.

Memasang dan memverifikasi Node.js#

Node.js adalah runtime yang menjalankan JavaScript di luar browser, dan dipasang dari situs resminya di nodejs.org. Halaman unduhannya menyediakan pengunduh untuk Windows, macOS, dan Linux, serta menawarkan dua varian, yaitu versi Long Term Support (LTS) dan versi terbaru. Versi LTS diuji lebih lama dan didukung perbaikan dalam jangka panjang, sehingga cocok untuk belajar maupun proyek nyata. Setelah pemasangan selesai, buka terminal baru agar perintahnya langsung dikenali.

Pemasangan diverifikasi dengan dua perintah berikut, satu untuk Node.js dan satu untuk npm, pengelola paket yang ikut terpasang bersamanya.

# memeriksa versi Node.js
node --version

v24.22.2

# memeriksa versi npm
npm --version

11.19.1

Bila terminal menampilkan command not found, kemungkinan pemasangan belum selesai, atau sesi terminal masih memakai lingkungan dari sebelum pemasangan. Tutup terminal, buka yang baru, lalu ulangi kedua perintah pemeriksaan. npm sendiri baru dipakai lebih lanjut ketika jalur ini sampai pada modul perkakas, sehingga untuk sekarang cukup dipastikan terpasang.

Urutan pakai dari konsol sampai proyek#

Tiga perkakas itu siap dipakai dalam urutan yang berbeda sesuai kebutuhan. Konsol browser menjadi tempat coba-coba karena membukanya cepat dan keluarannya langsung terlihat. Node.js menjadi tempat menjalankan berkas, baik berkas latihan tunggal maupun skrip kecil. Editor menjadi tempat menyusun proyek nyata yang berisi banyak berkas dan perkakas pendukung.

Cara menjalankan berkas lewat Node.js diperagakan dengan program kecil berikut. Simpan isinya sebagai salam.js di dalam direktori proyek, lalu jalankan dengan perintah berikut.

// salam.js: program pertama untuk menguji Node.js
console.log("Halo dari berkas salam.js");
console.log(`Runtime ini memakai Node.js ${process.version}`);

Halo dari berkas salam.js
Runtime ini memakai Node.js v24.22.2

# menjalankan salam.js dari direktori tempat berkas itu tersimpan
node salam.js

Halo dari berkas salam.js
Runtime ini memakai Node.js v24.22.2

Perintah node salam.js dibaca dari kiri ke kanan, yaitu memanggil program bernama node dengan salam.js sebagai argumennya. Node.js membaca berkas tersebut, mengeksekusi setiap barisnya, lalu mencetak keluaran yang dihasilkan. Dari titik ini, siklus kerja tetap sama sepanjang jalur, yaitu menyunting berkas di editor, menyimpannya, lalu menjalankan ulang perintahnya.

Pembagian peran ini bukan aturan keras, melainkan kebiasaan yang efisien. Menguji satu ekspresi lebih cepat di konsol daripada membuat berkas baru, sedangkan kode yang hendak disimpan cukup ditulis ke berkas lalu dijalankan lewat Node.js. Begitu jumlah berkas bertambah, editor menjadi tempat kerja utama yang mengatur semuanya, dan konsol serta terminal menjadi alat bantu yang dipanggil sewaktu-waktu.

Kesalahan umum#

Beberapa kesalahan yang lazim muncul pada tahap penyiapan sebaiknya dikenali sejak awal beserta perbaikannya.

1. Perintah node tidak dikenali. Pesan command not found berarti Node.js belum terpasang atau belum masuk ke PATH, daftar direktori yang diperiksa sistem saat mencari perintah. Perbaikannya, pasang ulang dari nodejs.org, lalu buka terminal baru.
2. node dijalankan tanpa nama berkas. Perintah itu membuka REPL, mode interaktif untuk mengetik dan menjalankan kode, yang tidak mengeksekusi berkas apa pun. Keluar dari mode ini dengan Ctrl+D atau perintah .exit, lalu jalankan kembali node diikuti nama berkasnya.
3. Berkas dijalankan sebelum disimpan. Node.js mengeksekusi isi berkas yang tersimpan, bukan isi yang masih berada di editor. Biasakan menyimpan sebelum setiap eksekusi, atau aktifkan simpan otomatis pada editor.
4. Nama variabel atau fungsi salah eja. Kesalahan ini muncul sebagai ReferenceError saat kode berjalan, seperti pada contoh berikut yang memanggil fungsi dengan nama yang keliru.

// memanggil fungsi dengan nama yang salah eja memicu ReferenceError
function sapa(nama) {
  return `Halo, ${nama}!`;
}

try {
  console.log(sappa("Citra"));
} catch (e) {
  console.log(`${e.name}: ${e.message}`);
}

ReferenceError: sappa is not defined

Pesan error semacam ini bukan tanda kegagalan serius, melainkan umpan balik yang menyebut nama yang tidak dikenali beserta letak barisnya. Membaca pesannya dengan tenang biasanya langsung menunjukkan perbaikannya, yaitu meluruskan ejaan nama yang dipanggil. Kebiasaan membaca pesan error ini terus terpakai sepanjang jalur.

Ringkasan#

• Konsol browser melalui DevTools, tab Console, menjadi tempat eksperimen cepat tanpa berkas, dengan isi yang hilang saat tab ditutup.
• Editor seperti VS Code menangani proyek nyata yang terdiri atas banyak berkas dalam satu direktori kerja.
• Node.js dipasang dari nodejs.org dengan memilih varian LTS, lalu diverifikasi lewat node --version dan npm --version.
• Urutan pakainya, konsol untuk coba-coba, Node.js untuk berkas, editor untuk proyek, tetap dipakai sepanjang jalur ini.

Referensi#

• Node.js Learn — OpenJS Foundation — Dokumentasi pembelajaran resmi Node.js, termasuk pengenalan runtime dan npm.
• JavaScript — MDN Web Docs — Dokumentasi induk JavaScript untuk melengkapi materi konsol dan lingkungan.