Spring Vue Demo

Steps to build/run

Install Java 21, Maven
Install npm
In directory src/vueapp, execute npm install

In case you want to create your own Vue projects, install the Vue command line tool: npm install -g @vue/cli.

Build complete project: mvn clean package.

How to start

Spring part: Start the class de.codecentric.vue.VueDemoWithSpringBootApplication in your Java IDE, you can use --spring.profiles.active=ide to activate additional property file application-ide.yaml
Vue part: In you shell, navigate to src/vueapp, then start with npm run dev

Open in Browser: Start app

Further reading

Part 1 of blog post: TODO (DE and EN)
Part 2 of blog post: TODO (DE and EN)
Similar setup, but uglier bookmarks: spring-boot-vuejs
Dev-Tools for Chrome
Plugin in VScode, can be installed via plugin manager
Styling: Tailwind CSS
Component Library for Tailwind CSS: Daisyui