Cara Push File React Ke Github Untuk Pemula Mudah
Download Git (Jika Anda belum Menginstallnya)
Download npm (Jika Anda belum Menginstallnya). NPM yang sering banyak di pakai, anda juga bisa pakai yarn untuk alternative nya
1. Install Semua Yang ada di atas
2. buat folder kosong untuk lokasi projek anda, contohnmya saya disini
3. masuk ke cmd di folder kosong tersebut, caranya
bisa klik kanan > open terminal
atau ketik di kolom breadcum "cmd" lalu enter
4. Ketik
npm install -g create-react-app
Jika terjadi error
npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap
ketik
npm install -g tar@latest
5. Lanjut buat project react js kamu sekarang, caranya ketik dan tunggu sampai loading selesai
create-react-app crud-reactjs
*yang di merahin adalah nama projek kamu (anda bisa mengubahnya sesuka kalian)
Jika selesai dan berhasil akam muncul "Success! Created....."
6. ketik
cd crud-reactjs
untuk masuk ke folder dengan nama yang kalian buat
7. terakhir untuk melihat react sudah berjalan
ketik
npm startJika sudah berhasil react js terinstall akan muncul tampilan seperti ini
Sekarang anda bisa memodifikasi tampilan react js, tapi untuk memodifikasi akan saya skip karena tujuan artikel ini adalah membuat react js dan push file react js ke github saja
Sekarang Kita Mulai Push ke github yuk
1. Mausk ke dalam folder react js yang tadi nama projek kalian buat
2. lalu klik kanan dan pilih "git bash here"
3. ketik 2 baris ini untuk menyiapkan configurasi git bash agar bisa terpush projek mu ke github
git config --global user.name "namausergithubkamu"
git config --global user.email "emailkamu@example.com"
4. Ketik Perintah Baris dibawah ini dan tunggu sampi selesai
|
6. Akan di mintai sign in untuk masuk ke dalam akun github anda
Ada 2 pilihan
Pilih sign in with browser agar mudah
7. Jika berhasil akan bertulis seperti ini kurang lebihnya
$ git push -u origin master
Enumerating objects: 102, done.
Counting objects: 100% (102/102), done.
Delta compression using up to 12 threads
Compressing objects: 100% (95/95), done.
Writing objects: 100% (102/102), 389.17 KiB | 389.17 MiB/s, done.
Total 102 (delta 5), reused 102 (delta 5), pack-reused 0
remote: Resolving deltas: 100% (5/5), done.
To https://github.com/vizerweb/reactjs1.git
* [new branch] master -> master
branch 'master' set up to track 'origin/master'.
Catatan :
1. Jika terjadi "LF will be replaced by CRLF the next time Git touches it" ketika
git add *
untuk cara fix nya ketik "git config --global core.autocrlf false"
git add *
2. Jika Terjadi "fatal: repository 'https://github.com/vizerweb/reactjs1.git/' not found
"
anda harus membuat respository terlebih dahulu, caranya masuk ke github akun kamu
masuk ke menu respositories > new > respository name = namarepositorykamu.git
lalu create respository
ketik lagi di git bash "git push -u origin master"