Project Setup

In this project, you will build a simple Vue application by combining components, state, and user interactions.

Start by creating a new Vue project using Vite.

npm create vue@latest

Move into the project folder:

cd my-vue-app

Install dependencies and start the development server:

npm install
npm run dev

After starting the server, open the local address in the browser.

Next, clean up the default project by removing unnecessary content from App.vue.

<template>
  <h1>My Vue App</h1>
</template>

Create a components folder if it does not exist, and prepare to add new components.

This setup gives you a clean starting point to build your application step by step.