arusl / ekskul-introduction-to-web-development

This repo contains the materials on the Introduction to Web Development course to students enrolled in an online learning community, Ekskul (https://www.instagram.com/ekskulindonesia/).
7 stars 1 forks source link

[General Discussion] Ekskul Web Development #1

Open arusl opened 3 years ago

arusl commented 3 years ago

Silakan bila ada yang ingin saling didiskusikan 😃🥳🚀

dhessysusanto commented 3 years ago

Halo, Ko 😄 . Gua mau download github-nya di MacOS, lalu ada beberapa pilihan kayak Homebrew, Xcode, git-gui gitu gua ga ngerti hahaha. Itu terserah mau download yang mana?

Thanks, anyway!

arusl commented 3 years ago

Halo, Ko 😄 . Gua mau download github-nya di MacOS, lalu ada beberapa pilihan kayak Homebrew, Xcode, git-gui gitu gua ga ngerti hahaha. Itu terserah mau download yang mana?

Thanks, anyway!

Hi Dhessy, untuk GitHub itu ga perlu install, hanya tinggal buka websitenya lewat browser lalu Sign Up akun baru. Nah nanti kita bakal coba untuk upload/download source antara GitHub dan komputer kita sendiri, untuk itu, salah satunya kita perlu install Git.

Untuk install Git di macOS, bisa liat di sini, intinya sih:

ochipaw commented 3 years ago

halo kak😄 aku baru ngikutin materi di pertemuan ketiga nih. tapi, aku kok nggak bisa install vue ya? padahal udah ikutin cara di slidenya, tetap waktu dicek di cmd nggak muncul version-nya. mohon bantuannya apa yang salah, terima kasih kak😄

WhatsApp Image 2021-03-20 at 10 17 48

arusl commented 3 years ago

halo kak😄 aku baru ngikutin materi di pertemuan ketiga nih. tapi, aku kok nggak bisa install vue ya? padahal udah ikutin cara di slidenya, tetap waktu dicek di cmd nggak muncul version-nya. mohon bantuannya apa yang salah, terima kasih kak😄

Halo halo. Hmm, iya ya padahal npm --version jalan ga ada masalah. Saya juga gatau pasti sih solusinya, tapi ini tadi baru cari2 (googling), sepertinya tergantung penyebabnya sih jadi bisa beda-beda solusinya, mungkin bisa dicoba nih beberapa saran yang ada di forum ini deh => https://github.com/vuejs/vue-cli/issues/347#issuecomment-316063699. Kayanya mayan banyak yang senasib, dan solved dari beberapa saran yang ada disitu.


Kalau saran2 yang ada di link di atas gabisa juga, coba googling dari sumber lain, keywordnya bisa "npm installed, but vue not recognized" atau sekedar "vue command not recognized in windows".


Sambil nyari2 kalau uda cape ga nemu2, istirahat dulu 😄 , terus bisa coba mulai ngoding2 dari sample app kelas ekskul kita yang minggu lalu dulu juga bisa kok. Kan NPM nya uda ke-install ya, bisa jalanin command ini di terminal:

  1. git clone https://github.com/arusl/ekskul-vue-app.git --> untuk download codingan dari aplikasi di kelas minggu lalu
  2. cd ekskul-vue-app --> untuk pindah ke direktori aplikasi yang baru di-clone
  3. npm run serve --> untuk jalanin aplikasinya di browser (localhost:8080)
  4. Terus bisa coba ngertiin dan ngubah kodingannya dari yang udah ada deh

Semoga bisa!

ochipaw commented 3 years ago

halo kak😄 aku baru ngikutin materi di pertemuan ketiga nih. tapi, aku kok nggak bisa install vue ya? padahal udah ikutin cara di slidenya, tetap waktu dicek di cmd nggak muncul version-nya. mohon bantuannya apa yang salah, terima kasih kak😄

Halo halo. Hmm, iya ya padahal npm --version jalan ga ada masalah. Saya juga gatau pasti sih solusinya, tapi ini tadi baru cari2 (googling), sepertinya tergantung penyebabnya sih jadi bisa beda-beda solusinya, mungkin bisa dicoba nih beberapa saran yang ada di forum ini deh => vuejs/vue-cli#347 (comment). Kayanya mayan banyak yang senasib, dan solved dari beberapa saran yang ada disitu.

thankyouu kak, udah bisa vue-nya pakai saran yang di forum itu^^

carolinaapr commented 3 years ago

Halo ka Andre, saya memiliki pertanyaan. di slide pertemuan 4 tuh ada cara untuk menggunakan code yg ko andre bikin: Buka terminal (saya windows candi di cmd, lalu jalankan:

  1. git clone https://github.com/arusl/ekskul-vue-app.git
  2. cd ekskul-vue-app
  3. npm install
  4. npm run serve
  5. Buka browser dan akses http:localhost:8080/

setelah berhasil pada webnya (local host:8000) hanya web kosong. saya membuka visual code editornya (dengan membuka file, open from github ekskull-vue-app) dan saya buka terminal dan jalankan npm runserve dan muncul error berberapa contohnya:

npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! ekskul-vue-app@0.1.0 serve: vue-cli-service serve npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the ekskul-vue-app@0.1.0 serve script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users****\AppData\Roaming\npm-cache_logs\2021-04-01T19_10_38_996Z-debug.log

jadi maksud pertanyaan saya adalah, bagimana untuk mengcopy code orang lain lalu diedit/modifikasi/dijalankan di laptop sendiri? apakah langkahnya perlu dari awal untuk menginstal vue di visual studio code editor?

terima kasih

arusl commented 3 years ago

npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users****\AppData\Roaming\npm-cache_logs\2021-04-01T19_10_38_996Z-debug.log

Haloo, sepertinya errornya itu terjadi karena npm install-nya tidak berhasil sehingga muncul tulisan node_modules missing. Mungkin bisa dicoba lagi npm install pada direktori ekskul-vue-app, lalu setelah berhasil baru npm run serve. Kalau tidak bisa juga, bisa cari-cari referensi dari orang lain, biasanya sih googling aja. Ini salah satu forum yang saya ketemu abis barusan cari2 juga, mungkin bisa dicoba-coba beberapa solusi yang disebutkan di forum ini: https://github.com/vuejs/vue-cli/issues/2596.

jadi maksud pertanyaan saya adalah, bagimana untuk mengcopy code orang lain lalu diedit/modifikasi/dijalankan di laptop sendiri? apakah langkahnya perlu dari awal untuk menginstal vue di visual studio code editor?

terima kasih

Untuk bisa menggunakan command vue secara lengkap di komputer lokal dan juga mengikuti materi kelas ekskul kita, disarankan melakukan npm install -g vue sebelum melakukan clone dengan step2 yang disebutkan sebelumnya. Untuk itu bisa melalui CMD atau pada terminal di VS Code, sama saja seharusnya.

Semoga membantu 👍