Cara Install Aplikasi Laravel dan Vue dari Github

wahyunanangwidodo

wahyunanangwidodo Sabtu, 06 November 2021

Biasanya repositori yang kita download atau clone dari github sepenuhnya tidak menyertakan file/direktori yang berisikan modul-modul atau package yang digunakan pada project tersebut.

Cara Install Aplikasi Laravel dan Vue dari Github

Hal ini dikarenakan suatu file atau direktori yang ada telah dipilih untuk diabaikan atau tidak diikutsertakan ketika dilakukan commit atau diupload ke repositori GitHub.

Pengecualian ini diatur pada sebuah file dengan nama .gitignore yang ditambahkan pada project. Setiap file atau direktori yang kita tambahkan pada file .gitignore akan diabaikan oleh Git.

Cara Install Aplikasi Laravel dan Vue dari Github

Oleh karena itu setiap kita kloning project dari github, misalnya project laravel atau vue, kita perlu menginstall kembali package atau depedensi yang digunakan setelah mengkloningnya.

Beberapa hal yang perlu kita lakukan adalah sebagai berikut.

Install Depedensi

Setelah kita memiliki project laravel, hal pertama yang harus kita lakukan adalah menginstall depedensi menggunakan composer.

//contoh repo
git clone https://github.com/weenwe/laravel-vuex-crud.git
cd laravel-vuex-crud

composer install

Setelah proses instalasi selesai, selanjutnya kita perlu melakukan generate APP_KEY baru. Namun sebelum membuat key, kita perlu membuat file .env terlebih dahulu.

Didalam project, silahkan ubah nama file .env.example yang ada manjadi .env, secara manual atau menggunakan command line berikut.

ren .env.example .env

Kemudian lakukan generate.

php artisan key:generate

Terakhir, atur database dan lakukan migrasi tabel.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel
DB_USERNAME=root
DB_PASSWORD=
php artisan migrate

Sampai disini aplikasi laravel sudah bisa digunakan.

php artisan serve

Laravel + Vue

Untuk project laravel yang menggunakan library tambahaan seperti vue, kita juga perlu menginstall ulang depedensi yang digunakan.

Penginstalan ini kita sesuaikan dengan package manager yang digunakan, contohnya seperti npm atau yarn.

Yang perlu kita lakukan adalah cukup menjalankan perintah dibawah ini.

#npm
npm install
npm run dev

#yarn
yarn install
yarn dev

Setelah selesai, tinggal jalankan aplikasi.

php artisan serve

Vue CLI

Jika melakukan kloning pada project vue cli, hal yang sama juga kita lakukan, yaitu menginstall ulang package/depedensi.

#npm
npm install
npm run serve

#yarn
yarn install
yarn serve

Demikian, semoga membantu.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Berlangganan

Berlangganan untuk mendapat pemberitahuan artikel terbaru via email.