File structure

Once the code generation is finished and all the dependencies are also installed, you can see the following structure in the front-end directory:

.├── .browserslistrc├── .eslintrc.js├── .gitignore├── README.md├── babel.config.js├── jest.config.js├── package-lock.json├── package.json├── postcss.config.js├── public│   ├── favicon.ico│   └── index.html├── src│   ├── App.vue│   ├── assets│   │   └── logo.png│   ├── components│   │   └── HelloWorld.vue│   ├── main.js│   ├── router.js│   ├── store.js│   └── views│       ├── About.vue│       └── Home.vue└── tests    ├── e2e    │   ├── custom-assertions    │   │   └── elementCount.js    │   └── specs    │   └── test.js    └── unit        ├── .eslintrc.js        └── HelloWorld.spec.js

Before we go through each item in this structure, let's switch to the front-end ...

Get Building Applications with Spring 5 and Vue.js 2 now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.