Search⌘ K
AI Features

Get Started with Front-end (Vue.js)

Explore how to create and configure the front-end of an e-commerce application using Vue.js. This lesson guides you through setting up a Vue 3 project, understanding single file components, and navigating the project folder structure to build reusable UI elements for your app.

We have already configured the backend of this app using Spring Boot. Next, we’ll look at the front-end.

Vue project creation

If you want to set up the project in your local machine and you already have npm set up on your computer, you can run the following command to start a Vue project. We’ve already set everything up, so go ahead and run the following command in the terminal widget below.

> vue create ecommerce-ui
Terminal 1
Terminal
Loading...

The command should work properly as long as we already have Vue CLI installed. Next, it will ask for ...