Halo teman – teman semuanya perkenalkan saya Asrul Puadi salah satu kontributor SistemIT.com. Artikel kali ini saya akan membahas bagaimana menjalankan kode atau running program JavaScript di terminal milik editor kode program VSCode.
VSCode merupakan editor untuk menuliskan bahasa pemrograman. Jika teman – teman belum menginstall VSCode, teman – teman bisa mengikuti tutorial menginstallnya di artikel berikut ini : Cara Install Editor Kode Program Terpopuler Visual Studio Code.
Editor VSCode menyediakan banyak sekali fitur – fitur yang bisa memudahkan kita dalam menuliskan bahasa pemrograman. Salah satu fitur menu yang sering digunakan adalah menu extensions. Menu extensions menyediakan library tambahan yang bisa kita download langsung dari pencarian extensions milik VSCode itu sendiri. Dalam menjalankan kode program JavaScript atau running program JavaScript di VSCode, kita harus mendownload terlebih dahulu beberapa fitur tambahan yang memudahkan kita dalam menjalankan kode program JavaScript.
Untuk tutorial JavaScript di artikel SistemIT.com, kita akan menggunakan VSCode sebagai aplikasi untuk menuliskan serta menjalankan kode program yang akan kita pelajari pada tutorial – tutorial berikutnya. Langsung saja pada contoh menginstall extensions yang akan kita butuhkan.
- Jika teman – teman belum menginstallnya, bisa langsung ke artikel berikut ini :Cara Install Editor Kode Program Terpopuler Visual Studio Code. Setelah menginstall aplikasi VSCode, teman – teman bisa langsung membukanya.
- Terdapat beberapa menu didalam editor VSCode salah satunya menu extensions.
- Setelah menu extensions diklik terdapat kolom pencarian untuk fitur tambahan yang bisa kita download langsung. Perlu teman – teman ketahui untuk mendownload fitur tambahannya teman – teman harus terkoneksi ke jaringan internet.
- Dikolom pencarian extensions, teman – teman bisa mencari fitur tambahan seperti : Code Runner, JavaScript[ES6], JavaScript Debugger, JavaScript Test Runner, npm Intellisense, Terminal. Teman – teman bisa mendownload dari selain yang saya rekomendasikan dengan catatan fitur tersebut mampu menjalankan kode JavaScript di VSCode.
- Setelah teman – teman menemukan extensions di kolom pencarian bisa langsung menginstallnya dengan cara klik install.
- Running kode program JavaScript di editor VSCode
Untuk pembelajaran tutorial pemrograman JavaScript selanjutnya kita akan menggunakan VSCode sebagai editor untuk menuliskan kode program kita dan menjalankan hasil kode program kita nantinya. Saya berharap tutorial kali ini dapat membantu teman – teman sekalian dan sampai jumpa pada tutorial lainnya. “Pantengin terussss gannn…?”
Pelajari juga tutorial dasar pemrograman JavaScript lainnya :
1. Apa itu JavaScript.?
2.
Memulai menggunakan JavaScript.
3. Cara Menjalankan Kode JavaScript di Editor VSCode.
4. Mengenal Penulisan Variabel Pada Pemrograman JavaScript #Part1
5.
Mengenal Penulisan Variabel Pada Pemrograman JavaScript #Part2
on July 29, 2020, 8 min read
Pendahuluan
Tidak bisa kita pungkiri bahwa Javascript adalah bahasa pemrograman terpopuler di dunia. Hampir semua browser yang kita kenal dapat menjalankan aplikasi web yang menggunakan bahasa Javascript. Tidak hanya itu, Javascript juga mampu berjalan diluar browser dan juga bisa membuat sebuah website menjadi interaktif tanpa melakukan reload.
Cara Menjalankan JavaScript
Sebenarnya ada beberapa cara untuk menjalankan code Javascript di komputer. Namun untuk lebih gampang, berikut kami rangkum 3 cara menjalankan code Javascript:
#1 Menggunakan Console Browser
Cara yang pertama ini cukup mudah, kamu tinggal membuka browser contohnya Google Chrome, kemudian klik kanan pilih Inspeksi atau tekan [Ctrl+Shift+i].
Kemudian kamu akan mendapatkan tampilan baru di sisi kanan layar. Pilih tab Console.
Ketik code berikut pada tab Console:
let belajar = `Halo, nama saya Budi`;Tekan enter. Kemudian ketikkan lagi code berikut:
alert[belajar];Tekan enter, maka kamu akan mendapatkan tampilan seperti berikut:
#2 Menggunakan Tools Online
Cara yang kedua ini kamu harus memiliki koneksi internet. Ada banyak website tools yang bisa kamu gunakan untuk menjalankan code javascript. Salah satunya adalah Repl.
Silahkan buka Repl di browser, kamu bisa langsung masuk menggunakan akun Google ataupun Facebook. Setelah kamu masuk, tampilannya kurang lebih seperti berikut:
Klik icon plus berwarna biru yang ada di pojok kanan atas.
Kemudian select bahasa menjadi Javascript dan isi kolom nama projectnya. Lalu klik tombol Create repl. Secara otomatis kamu akan diarahkan ke lembar kerja baru. Berikut tampilannya:
Silahkan ketik code javascript di kolom bagian tengah, kemudian klik tombol Run untuk menjalankan code tersebut. Hasilnya dapat kamu lihat pada kolom bagian kanan.
#3 Menggunakan Node.js
Langkah yang satu ini kamu membutuhkan platform Node.js untuk menjalankan code javascript. Untuk kamu yang belum tau apa itu Node.js dan bagaimana cara menggunakannya, silakan kunjungi artikel Tutorial Dasar Node.js
Jika kamu sudah paham apa itu Node.js dan cara kerjanya, mari kita lanjut belajar dasar javascript.
Buat sebuah file bernama index.js terserah kamu mau meletakannya di direktori manapun. Kemudian ketik code berikut:
let belajar = `Halo, nama saya Budi`;
console.log[belajar];Setelah itu, buka terminal dan arahkan ke file index.js berada, kemudian ketik perintah berikut di terminal:
node index.jsKamu akan melihat hasilnya langsung di terminal
Kesimpulan
Setelah membaca dan mempraktekan apa yang ada di artikel ini kamu sudah dapat mengetahui beberapa macam cara yang bisa digunakan untuk menjalankan kode javascript di komputer. Mulai dari cara yang sangat sederhana dengan menggunakan inspect pada browser, sampai dengan menggunakan Node.js