Install dan Create Project Java Spring dan VueJS dengan JHipster di Ubuntu

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

https://pastebin.com/WTZZy7dD

Jalankan Project Maven

./mvnw


Hasil Instalasi Berjalan di Localhost:8080











Comments

Popular posts from this blog

Numpang Kerja Remote dari Bandung Creative Hub

Numpang Kerja Remote dari Bandung Digital Valley

Cara Decompile berkas Dex dan Apk Android