Apa sih yeoman itu ? mengenai penjelasan yeoman itu apa silahkan cek disini hehehe… Intinya sih yeoman itu sebuah generator untuk membuat sebuah project, dalam hal ini saya gunakan untuk membuat project menggunakan framework AngularJS dan Twitter Bootstrap.
Sebelum bisa menggunakan yeoman ini, pertama-tama rekan kerja kita (laptop atau pc) sudah terinstall NodeJS. Versi berapa ? ambil aja versi terakhir di website resmi nya NodeJS. Karena jika menggunakan versi yang terlalu lama, ntar malah sering kena error ketika generate project atau waktu compile project.
Gimana kalo diinstall lewat package manager atau apt-get (Khusus Linux User)? Sebenernya nggak jadi masalah, asalkan versinya ikut update juga. Untuk yang pake cara download dari website resminya NodeJS silahkan ikuti langkah-langkah berikut :
- download nodejs versi terakhir disini https://nodejs.org/download/
- copy file
node-xxx.tar.gzke directory/opt - buka terminal kemudian masuk menjadi user
root$sudo su - extract file
node-xxx.tar.gzdi directory/opttersebut dengan cara dibawah inicd /usr/local && tar --strip-components 1 -xzf /opt/node-v0.12.7-linux-x86.tar.gz - setelah sukses meng-ekstrak file
node-xxx.tar.gz, selanjutnya keluar dari userroot kemudian cek versi node dan npm-nya
$ node -v
v0.12.7$ npm -v
2.11.3kemudian lakukan perintah berikut ini, agar versi npm nya terupdate
`sudo npm -g update npmCek lagi versi npm-nya
$ node -v
2.14.1- kemudian install paket bower, yo, generator-angular, grunt-cli
sudo npm -g install bower yo grunt-cli generator-angular - setelah sukses generate aplikasi dengan perintah
yo angulardan kira-kira akan muncul tampilan seperti berikut :
Karena aplikasi yang digenerate adalah anggular dan bootstrap, maka sass with compass di isi no. dan pilihan Bootstrap di isi yes.
Jika proses generate angular dengan perintah yo angular sukses tanpa error, langkah terakhir yaitu test dengan melakukan perintah grunt serve. Jika sukses maka akan muncul tampilan seperti berikut dibrowser anda
