Teil 2: Erstes Vue.js Projekt als Vorbereitung für eine REST UI

Motivation

Im Artikel Teil 1: Rest Service mit Spring Boot 2.5 und Java 17 wurde die Einrichtung eines REST Service beschrieben. Ziel ist es einfach ein Frontend mit vue zu erstellen. Da ich kaum Erfahrungen mit JavaSript Anwendungen habe, muss ich mich Stück für Stück vortasten.

Intellij: 2021.2.3
node.js: 14.18.1
npm: 6.14.15
@vue/cli: 4.5.14

Einrichtung

Installation von Node.js: https://nodejs.org/en/#download

Da ich nur die Intellij Community Version besitze, ist der Javasrcipt Support eingeschränkt. Deswegen erstelle ich ein Beispielprojekt über das Vue CLI. Das CLI lässt sich über folgenden Befehl installieren:

npm install -g @vue/cli

Dies kann auch über das Intellij Terminal ausgeführt werden. Man muss evtl. Intellij nach der Node.js Installation neu starten und man muss aufpassen den Befehl nicht in der Powershell auszuführen.

Danach kann über die Kommandozeile ein Assistent gestartet werden um ein Vue Projekt zu erstellen:

vue ui

Das erstellte Projekt kann nun in intellij geöffnet werden.

Projekt starten

Wie in der Readme.md zu lesen kann das Projekt über Folgenden Befehl gebaut und im Entwicklermodus gestartet werden:

npm install
npm run serve

Quellen

https://www.jetbrains.com/help/idea/vue-js.html#ws_vue_js_before_you_start

https://cli.vuejs.org/