Membuat website dengan Yeoman

Agik Setiawan
Nov 13, 2020

--

Yeoman adalah Scaffolding Tools yang berfungsi sebagai generator yang di gunakan untuk memudahkan membuat Proyek website. Dengan yeoman kita juga bisa membuat generator sendiri misal kita sering membuat Project yang memiliki banyak librari yang beragam kita bisa membuat generator menggunakan yeoman sehingga kalau kita membuat project yang sama kita tidak perlu konfigurasi file satu persatu lagi.

OKE, langsung saja kita akan membuat website dengan bantuan Yeoman dan Webapp.

Pertama Install Yeoman menggunakan NPM, kalo Kalian belum memiliki NPM silahkan install Nodejs terlebih dahulu.

Kemudian Install Gulp dan Generator WebApp dan tunggu sampai installasi selesai

Setelah Persiapan sudah selesai sekarang mari kita membuat website dengan Yeoman.

Pertama buat directory dengan nama apa saja dan dimana saja buat mau naruh projectnya, misal saya membuat directory dengan nama “yeoman”

Kita bisa memilih library apa saja yang dibutuhkan

kalo sudah memilih tekan Enter sampai proses installasi selesai

Setelah selesai sekarang jalankan dengan perintah “npm run start”

Kemudian buka Browser dan masukan alamat http://localhost:9000

Website dengan Yeoman

Kalian bisa mengedit project menggunakan Code Editor seperti Visual Studio Code. File project ada di dalam folder app

untuk membuat versi Production kita bisa menjalankan perintah “npm run build” maka akan terbentuk folder baru dengan nama “dist”. folder itulah versi productionnya atau versi minify yang ukuran filenya lebih kecil.

untuk menguplaod ke hosting gunakan file yang sudah di build yaitu yang ada pada folder “dist”

semoga tutorial ini bermanfaat..

Terimakasih

--

--