Home / Git / Materi Belajar

Cara Upload Project dari Visual Studio Code ke Github

oleh Ngopi Sambil Ngoding Post a Comment

Persiapan Awal

Sebelum memulai proses upload, pastikan Anda sudah memiliki beberapa hal berikut:

  1. Akun GitHub yang sudah aktif

  2. Git terinstal di komputer Anda (bisa cek dengan mengetik git --version di terminal)

  3. Visual Studio Code terinstal

Langkah 1: Inisialisasi Git pada Project

Buka folder project Anda di Visual Studio Code. Kemudian buka terminal dengan menekan Ctrl + ~ atau melalui menu Terminal > New Terminal.

Di terminal, ketik perintah berikut untuk menginisialisasi repository Git:

bash
git init

Perintah ini akan membuat folder tersembunyi bernama .git yang menandakan bahwa project Anda sekarang terpantau oleh Git.

Langkah 2: Menambahkan File ke Staging Area

Setelah inisialisasi, kita perlu menambahkan semua file project ke dalam staging area. Ini adalah area di mana kita menyiapkan file-file yang akan di-commit.

Di terminal, ketik:

bash
git add .

Tanda titik (.) berarti menambahkan semua file dan folder dalam project. Jika hanya ingin menambahkan file tertentu, Anda bisa mengganti titik dengan nama file, misalnya git add index.html.

Langkah 3: Melakukan Commit

Setelah file-file masuk ke staging area, langkah selanjutnya adalah melakukan commit. Commit adalah seperti "snapshot" atau rekaman dari kondisi project Anda pada saat itu.

Ketik perintah:

bash
git commit -m "pesan commit pertama Anda"

Ganti "pesan commit pertama Anda" dengan deskripsi singkat tentang apa yang Anda commit, misalnya "Inisialisasi project" atau "Upload pertama ke GitHub".

Langkah 4: Membuat Repository di GitHub

Sekarang kita perlu membuat tempat penyimpanan di GitHub. Langkah ini dilakukan di situs GitHub, bukan di VS Code.

  1. Buka browser dan masuk ke github.com

  2. Klik tombol New atau Create repository (biasanya ada di pojok kanan atas)

  3. Isi Repository name dengan nama project Anda

  4. Tambahkan deskripsi jika perlu (opsional)

  5. Pilih Public atau Private sesuai kebutuhan

  6. Jangan centang opsi "Initialize this repository with a README" karena kita sudah punya project di lokal

  7. Klik Create repository

Setelah repository dibuat, Anda akan melihat halaman dengan petunjuk koneksi. Di sana akan muncul URL repository, misalnya: https://github.com/username/nama-repo.git

Langkah 5: Menghubungkan Repository Lokal dengan GitHub

Kembali ke terminal VS Code. Sekarang kita akan menghubungkan repository lokal dengan repository yang baru dibuat di GitHub.

Ketik perintah:

bash
git remote add origin https://github.com/username/nama-repo.git

Ganti URL di atas dengan URL repository GitHub Anda.

Langkah 6: Mengupload (Push) Project ke GitHub

Setelah terhubung, sekarang kita upload project ke GitHub dengan perintah:

bash
git push -u origin main

Perhatikan:

  • main adalah nama branch utama. Jika branch Anda bernama master, ganti menjadi git push -u origin master

  • Parameter -u digunakan untuk mengatur upstream sehingga ke depannya Anda cukup mengetik git push saja

Jika ini pertama kali Anda melakukan push, mungkin akan diminta login ke GitHub melalui browser atau memasukkan token. Ikuti instruksi yang muncul.

Langkah 7: Verifikasi

Setelah proses push selesai, buka kembali halaman repository Anda di GitHub dan refresh. Anda akan melihat semua file project sudah terupload dengan rapi.


Dengan mengikuti langkah-langkah di atas, project Anda sekarang sudah berhasil diupload ke GitHub dan siap untuk dibagikan atau dikelola bersama tim. Selamat mencoba!

Post a Comment for "Cara Upload Project dari Visual Studio Code ke Github"

Post a Comment