Senin, 02 September 2019

Cara Menjalankan program JavaScript di Visual Studio Code

Hai semuanya, Eff disini. Dalam beberapa hari terakhir ini saya belajar dasar pemrograman web di online course dicoding.com. Setelah belajar selama kurang dari seminggu akhirnya telah selesai materi dasar-dasar html dan css saya pelajari, kamudian masuklah di materi javascript. Sekedar info saya mempraktekkan pembelajaran dengan aplikasi Visual Studio Code. VSCode adalah sebuah IDE (Integrated Development Environment) yang open source dan mendukung banyak bahasa pemrograman dan mudah sekali digunakan dengan tampilan yang dinamis dan modern.
Setelah menginstal code snippets untuk JavaScript agar mempermudah proses penulisan program dan disinilah saya mulai mengalami kendala dimana VSCode saya tidak dapat debug/run program javascript. Telah berbagai forum saya kunjungi dan coba tutorialnya namun tidak ada yang bisa. Dan akhirnya saya menemukan cara menggunakannya, dan memang simpel. Berikut ini akan saya jabarkan.
  1. Pertama, download installer nodejs di website resminya https://nodejs.org/en/ kemudian instal seperti biasa.
  2. Kemudian, buatlah file baru di VSCode, contohnya hello.js (ekstensi file javascript adalah .js)
  3. Lalu tuliskan program sembarang, contohnya program sederhana Hello World!
       console.log('Hello World!');
  4. Kemudian debug/run atau bisa juga dengan klik tombol F5
  5. Maka tampilan debug console akan seperti di bawah ini
Poin penting yang harus diperhatikan disini adalah untuk menjalankan program javascript di VSCode harus menginstal aplikasi nodejs terlebih dahulu. Jadi jangan lewatkan instalasi nodejs nya. Serta untuk memudahkan menulis program javascript silakan kawan-kawan menginstal extension code snippets yang telah disediakan di market VSCode agar koding lebih menyenangkan.
Previous Post
Next Post

Seorang generalist yang hobi menulis. Sedang membangun brand produk sendiri dan tertarik untuk menyelami dunia digital marketing. Menulis untuk belajar dan membagikan ilmu untuk sama-sama belajar.

0 komentar: