Cara Mudah Menggunakan ES6: 8 Langkah (dengan Gambar)

Daftar Isi:

Cara Mudah Menggunakan ES6: 8 Langkah (dengan Gambar)
Cara Mudah Menggunakan ES6: 8 Langkah (dengan Gambar)

Video: Cara Mudah Menggunakan ES6: 8 Langkah (dengan Gambar)

Video: Cara Mudah Menggunakan ES6: 8 Langkah (dengan Gambar)
Video: BOT ML VS HUMAN || MLBB 2024, Mungkin
Anonim

ES6, terkadang disebut sebagai ECMAScript 2015, adalah kode yang akan Anda temukan di beberapa browser, tetapi Anda harus menjalankan lingkungan Node.js untuk dapat menjalankan dan menulis kode ES6. Artikel wikiHow ini akan menunjukkan kepada Anda cara mulai menulis kode ES6.

Langkah

Gunakan ES6 Langkah 1
Gunakan ES6 Langkah 1

Langkah 1. Unduh dan instal Node.js di

Node.js adalah lingkungan sisi server yang Anda perlukan untuk menggunakan kode. Node.js berfungsi untuk Windows dan macOS.

  • Lewati langkah ini jika Anda sudah menginstal Node.js di komputer Anda.
  • Klik LTS, tombol hijau pertama di sebelah kiri. Ini akan menginstal versi stabil Node.js ke komputer Anda. Jika Anda menggunakan komputer Windows, kemungkinan besar Anda harus menjalankan file yang diunduh dan melanjutkan melalui wizard penginstalan. Jika Anda menggunakan macOS, kemungkinan besar Anda harus menjalankan file yang diinstal, lalu seret dan lepas ikon aplikasi ke folder Aplikasi Anda.
Gunakan ES6 Langkah 2
Gunakan ES6 Langkah 2

Langkah 2. Unduh dan instal Kode Visual Studio di

VSC adalah program yang berjalan di Windows dan Mac yang memungkinkan Anda membuat kode ES6.

Klik Unduh di sudut kanan atas halaman jika saat ini Unduh untuk (OS Anda) tidak benar. Pengguna Windows mungkin perlu menjalankan file yang diunduh dan melanjutkan melalui wizard penginstalan. Jika Anda menggunakan macOS, kemungkinan besar Anda harus menjalankan file yang diinstal, lalu seret dan lepas ikon aplikasi ke folder Aplikasi Anda.

Gunakan ES6 Langkah 3
Gunakan ES6 Langkah 3

Langkah 3. Buat folder kosong di drive atau desktop Anda

Untuk melakukan ini, cukup buka File Explorer atau Finder, buka lokasi (misalnya, drive C) tempat Anda ingin membuat folder. Beri nama sesuatu yang sederhana yang akan Anda ingat (seperti "JS" atau "Nodefolder").

Gunakan ES6 Langkah 4
Gunakan ES6 Langkah 4

Langkah 4. Buka Kode Visual Studio

Anda akan menemukan ini di Start Menu atau folder Aplikasi di Finder.

Gunakan ES6 Langkah 5
Gunakan ES6 Langkah 5

Langkah 5. Buka folder kosong di VSC

Pergi ke File > Buka Folder Baru untuk membuka browser file dan pilih folder kosong Anda.

Anda akan melihat nama folder Anda di panel di sisi kiri aplikasi

Gunakan ES6 Langkah 6
Gunakan ES6 Langkah 6

Langkah 6. Buat file di folder Anda

Klik halaman dan ikon tanda plus (+) di sebelah nama folder.

Beri nama sesuatu yang sederhana, misalnya "helloworld.js"

Gunakan ES6 Langkah 7
Gunakan ES6 Langkah 7

Langkah 7. Masukkan kode berikut di panel teks di sebelah kanan

  • console.log('Halo dunia');

Gunakan ES6 Langkah 8
Gunakan ES6 Langkah 8

Langkah 8. Uji apakah kode berfungsi

Karena Anda telah menginstal Node.js, Anda akan melihat jendela "Terminal" di dekat bagian bawah program Anda.

  • Jenis

    simpul helloworld.js

  • dan Anda harus mendapatkan respons "Halo dunia" di baris berikutnya.
  • Anda harus dapat membuat kode ES6 yang Anda inginkan di sini. Untuk contoh kode, Anda dapat melihat https://www.freecodecamp.org/news/getting-started-with-es6-using-a-few-of-my-favorite-things-ac89c27812e0/ dan https://code. visualstudio.com/docs/languages/javascript.

Direkomendasikan: