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