Cara Instalasi Visual Studio Code (VS Code)

Posted by By Aditya Pratama Badra 4 Min Read

Visual Studio Code (VS Code) adalah editor kode sumber yang populer dan serbaguna yang digunakan oleh banyak pengembang untuk berbagai bahasa pemrograman. VS Code memiliki fitur seperti IntelliSense, debugging, dan integrasi kontrol versi, menjadikannya pilihan yang kuat bagi pengembang pemula dan berpengalaman. Artikel ini akan memandu Anda melalui langkah-langkah instalasi VS Code di berbagai sistem operasi: Windows, macOS, dan Linux.

1. Instalasi VS Code di Windows

Berikut adalah langkah-langkah untuk menginstal VS Code di Windows:

Langkah 1: Unduh Installer

  1. Buka situs resmi Visual Studio Code.
  2. Klik tombol Download dan pilih versi Windows yang sesuai dengan arsitektur komputer Anda (x64 atau x86).

Langkah 2: Jalankan Installer

  1. Setelah unduhan selesai, buka file installer (.exe).
  2. Anda akan melihat layar setup. Centang kotak untuk menyetujui License Agreement dan klik Next.

Langkah 3: Konfigurasi Instalasi

  1. Pilih direktori tujuan instalasi atau biarkan default, lalu klik Next.
  2. Pilih opsi tambahan seperti membuat shortcut di desktop atau menambahkan VS Code ke konteks menu Windows Explorer. Opsi ini dapat mempermudah penggunaan di masa depan.
  3. Klik Next, kemudian Install untuk memulai proses instalasi.

Langkah 4: Selesaikan Instalasi

  1. Tunggu hingga proses instalasi selesai. Ini biasanya memakan waktu beberapa menit.
  2. Setelah instalasi selesai, centang opsi Launch Visual Studio Code dan klik Finish.

2. Instalasi VS Code di macOS

Berikut adalah langkah-langkah untuk menginstal VS Code di macOS:

Langkah 1: Unduh Installer

  1. Buka situs resmi Visual Studio Code.
  2. Klik tombol Download dan pilih versi macOS.

Langkah 2: Buka File Installer

  1. Setelah unduhan selesai, buka file .zip.
  2. Drag ikon VS Code ke folder Applications.

Langkah 3: Jalankan VS Code

  1. Buka Finder, navigasi ke Applications, dan klik dua kali pada ikon Visual Studio Code.
  2. Jika Anda melihat pesan keamanan bahwa aplikasi tidak dapat dibuka karena berasal dari pengembang yang tidak dikenal, buka System Preferences > Security & Privacy, lalu klik Open Anyway di bagian General.

3. Instalasi VS Code di Linux

Instalasi VS Code di Linux dapat berbeda tergantung pada distribusi yang Anda gunakan. Berikut adalah panduan untuk beberapa distribusi populer:

Ubuntu/Debian

Langkah 1: Tambahkan Repository
  1. Buka terminal.
  2. Jalankan perintah berikut untuk menginstal repositori Microsoft:
   sudo apt update
   sudo apt install software-properties-common apt-transport-https
   wget -q https://packages.microsoft.com/keys/microsoft.asc -O- | sudo apt-key add -
   sudo add-apt-repository "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main"
Langkah 2: Instal VS Code
  1. Setelah menambahkan repositori, jalankan:
   sudo apt update
   sudo apt install code

Fedora/RHEL/CentOS

Langkah 1: Tambahkan Repository
  1. Buka terminal.
  2. Jalankan perintah berikut:
   sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
   sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo'
Langkah 2: Instal VS Code
  1. Jalankan perintah berikut untuk menginstal VS Code:
   sudo dnf install code

4. Konfigurasi dan Pengaturan Awal

Setelah instalasi selesai, Anda bisa memulai dengan beberapa konfigurasi dasar:

  1. Install Extensions: Buka tab Extensions (ikon kotak di sidebar kiri) untuk mencari dan menginstal ekstensi yang Anda butuhkan, seperti Python, JavaScript, Git, dll.
  2. Konfigurasi Tema dan Layout: Buka Preferences > Color Theme untuk mengubah tema warna sesuai preferensi Anda.
  3. Pengaturan Bahasa dan Formatter: Anda dapat mengatur preferensi bahasa pemrograman tertentu dan formatter kode, seperti Prettier atau ESLint.

5. Tips dan Trik Menggunakan VS Code

  • Integrated Terminal: Anda dapat membuka terminal langsung di VS Code dengan menekan Ctrl+` untuk memudahkan eksekusi perintah.
  • Multi-cursor Editing: Gunakan Alt + Click untuk membuat kursor tambahan untuk mengedit beberapa bagian kode sekaligus.
  • Split View: Klik kanan pada tab file dan pilih Split Right atau Split Down untuk bekerja dengan beberapa file dalam satu jendela.

Dengan mengikuti panduan di atas, Anda seharusnya sudah dapat menginstal dan mulai menggunakan Visual Studio Code untuk proyek pengembangan Anda. Selamat coding!

Tags: