← Persiapan

Pelajaran 2 dari 4 ⏱ 15 menit

Menginstal editor VS Code

Kami akan menginstal program tempat kamu menulis kode. Gratis, dan bahkan para profesional pun menggunakannya.

Apa itu VS Code, dan mengapa ini

Visual Studio Code (disingkat VS Code) adalah editor – program untuk menulis kode. Anggap saja seperti Word, tetapi untuk pemrogram: ia mewarnai kode kamu, memberi kamu petunjuk, dan menunjukkan kesalahan. Ini sepenuhnya gratis, dan orang-orang di perusahaan terbesar di dunia menggunakannya untuk membuat situs web. Pelajari sekarang, dan itu akan melekat pada kamu selamanya.

⚠️

Instal dengan didampingi orang dewasa. Mintalah orang tua untuk duduk bersama kamu – instalasi itu sendiri aman, namun ada baiknya mereka mengetahui apa pun yang terjadi di komputer.

Menginstal di Windows

  1. Buka code.visualstudio.com dan klik tombol biru besar Unduh untuk Windows.

  2. Setelah file diunduh, klik file tersebut (kamu akan menemukannya di bilah tugas di bagian bawah, atau di folder Unduhan).

  3. Terima lisensinya (centang Saya menerima perjanjian), lalu terus klik Berikutnya. Pada langkah Pilih Tugas Tambahan, centang Buat ikon desktop sehingga kamu memiliki ikon di desktop kamu.

  4. Klik Instal dan tunggu. Terakhir, klik Selesai – VS Code akan terbuka.

Menginstal di Mac

  1. Buka code.visualstudio.com dan klik Unduh untuk macOS.

  2. Setelah file diunduh, temukan di folder Unduhan kamu. Jika filenya berformat .zip, klik dua kali file tersebut untuk mengekstraknya.

  3. Ikon Visual Studio Code berwarna biru akan muncul. Seret ke folder Aplikasi kamu. Itu saja, sudah terpasang.

  4. Buka folder Aplikasi dan klik dua kali Visual Studio Code untuk meluncurkannya. Pertama kali, Mac kamu akan menanyakan apakah kamu benar-benar ingin membukanya – klik Buka.

Mengenal VS Code

VS Code berbicara dalam banyak bahasa – mari kita melihat sekilas dan merasa nyaman:

  1. Di sidebar kiri, klik ikon yang terlihat seperti kotak bertumpuk (Ekstensi). Sepertinya empat blok kecil.

  2. Di kotak pencarian di bagian atas, ketik Prettier (atau nama tema apa pun yang kamu suka, seperti Dracula atau Night Owl).

  3. Pilih sesuatu yang kamu suka dan klik Instal di sebelahnya.

  4. Sebuah jendela kecil mungkin muncul di kanan bawah – ikuti apa pun yang disarankan. VS Code akan segera menerapkan pilihan kamu.

Periksa diri kamu: VS Code terbuka dan tampak siap digunakan, dengan menu di bagian atas (File, Edit, Pilihan…). Jika ya, kamu sudah siap dan bengkel kamu sudah siap!

Apa yang dapat diambil dari bab ini