Cara Download File atau Kode di GitHub dan Cara Membukanya di Code Editor

Cara Download File atau Kode di GitHub

Halo Bro! Di artikel kali ini, saya akan membahas cara mendownload file atau kode dari GitHub, serta bagaimana membukanya di code editor untuk diedit.

Tutorial ini merupakan lanjutan dari artikel sebelumnya tentang Cara Buat Website Seperti Linktree Cuma Pakai HTML dan CSS. Sekarang saya akan bahas secara lengkap bagaimana cara download file atau kode di GitHub dan cara membukanya di code editor. Langsung saja, berikut langkah-langkahnya!

1. Buka Link Repository GitHub

Pertama, silakan buka browser Anda dan akses link GitHub tempat kode berada. Sebagai contoh, saya akan menggunakan link repository website Linktree yang sebelumnya telah saya buat. Anda bisa mengaksesnya melalui link berikut: Source Code Website Linktree.

Setelah link dibuka, Anda akan diarahkan ke halaman tampilan repository GitHub.

Halaman Tampilan Repository GitHub

2. Download File dalam Format ZIP

Di halaman repository GitHub tersebut Anda tidak perlu login atau daftar GitHub, langsung saja klik tombol "Code" yang berwarna hijau. Setelah itu, pilih opsi "Download ZIP".

Tunggu proses download hingga selesai. File akan terunduh dalam format .zip dan biasanya otomatis tersimpan di folder Downloads perangkat Anda.

File yang Telah Terunduh dalam Format .zip

3. Extract File ZIP

Sebelum membuka atau mengedit file, Anda harus mengekstraknya terlebih dahulu. Caranya:

  • Klik kanan pada file .zip yang sudah diunduh tadi.
  • Pilih "Extract All" atau "Ekstrak Semua" (tergantung bahasa sistem Anda).
  • Klik Extract dan tunggu hingga proses selesai.

Setelah proses extract selesai, akan muncul folder baru yang berisi file-file dari kode yang telah Anda download.

Folder Baru Hasil Extract

4. Buka di Code Editor

Sekarang saatnya membuka kode tersebut di code editor. Anda bisa menggunakan code editor apa pun sesuai kenyamanan Anda, di sini saya akan menggunakan Visual Studio Code (VS Code). Caranya sangat mudah:

  • Buka aplikasi Visual Studio Code.
  • Kembali ke folder hasil extract tadi.
  • Drag and drop (seret dan lepas) folder tersebut ke dalam area VS Code.

Setelah dilepas, folder akan langsung terbuka di VS Code, dan Anda bisa langsung mulai mengedit file kode tersebut.

Tampilan Visual Studio Code

Nah, sekarang Anda sudah tahu cara download file atau kode di GitHub dan juga bagaimana cara membuka kode tersebut di code editor.

Jika Anda masih kurang paham dengan tutorial versi artikel ini, Anda juga bisa menonton versi videonya melalui link berikut: Cara Download File atau Kode di GitHub.

Terima kasih!

Posting Komentar

Lebih baru Lebih lama