Pada artikel kali ini saya akan membahas tentang bagaimana mensetup JHipster dan VueJS dengan cara paling sederhana di laptop Ubuntu 20.04 saya.
Instalasi JHipster dan Perkakas Pendukungnya
Ini adalah kondisi laptop saya dengan NPM, Yarn dan Java terpasang di dalamnya.
Jangan lupa juga GIT sudah harus terinstall.
Install Yeoman
Yeoman adalah Web Scaffolding Tool yang dapat digunakan untuk mengenerate project berbasis web. Yeoman disini berperan untuk mempercepat proses development sebuah web, dengan mempersiapkan kebutuhan-kebutuhan dasar dari web app misal library-library, base code yang perlu disiapkan diawal. Dengan menggunakan yeoman developer akan terbantu dalam mempersiapkan project, sehingga developer akan lebih memiliki banyak waktu untuk berpikir di bisnis proses appnya (sumber: https://pratamawijaya.com/programming/yeoman-sebagai-generator-android-project/).
Install Yeoman dengan perintah di bawah ini.
sudo npm install -g yo
Install Maven
sudo
apt update
sudo
apt install maven
Install JHipster
sudo npm install -g generator-jhipster
Hasil Semua Instalasi di Atas
Install VueJS Blueprint
https://github.com/jhipster/jhipster-vuejs
sudo npm install -g generator-jhipster-vuejs
Generate Project dengan JHipster dan Blueprint VueJS
Pastikan anda membuat dulu folder projectnya, JHipster tidak membuat folder project untuk anda.
jhipster --blueprints vuejs
Setelah kita memasukan perintah diatas dan melakukan enter Hipster akan menanyakan beberapa hal berikut ini.
1. Pilih Monolitic
2. Tanpa WebFlux
3. Project Name dan Package Name
4. JHipster Registry
5. PIlih JWT Token
6. Pilih SQL
7. Pilih H2 Untuk Dev dan PostgreSQL untuk Prod
Setelah proses ini jawab saja default hingga ditanya Testing Framework pilih yang anda inginkan atau sama saja biarkan default.
6. Framework Testing Tool
7. Install Generator Lain? No
8. Kumpulan Pertanyaan di Atas
9. Hasil Generate
Jalankan Project Maven
./mvnw
Comments
Post a Comment