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 ...
