Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Creating Your First Vue App (Vite Setup) | Section
Vue.js Fundamentals and App Development

bookCreating Your First Vue App (Vite Setup)

Swipe to show menu

A Vue application is usually created with Vite. Vite is a modern development tool that sets up the project structure and starts a local development server for your app.

To create a new Vue project, run the following command in the terminal:

npm create vue@latest

After running the command, Vite asks a few setup questions and creates a new Vue project folder.

Next, move into the project folder:

cd my-vue-app

Then install the project dependencies:

npm install

Finally, start the development server:

npm run dev

After that, Vite shows a local address in the terminal. Open it in the browser to see your Vue app running.

This setup gives you a ready-to-use Vue project where you can start building components, writing logic, and updating the interface.

question mark

Which command starts the local development server in a Vue project created with Vite?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 1. Chapter 2

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Section 1. Chapter 2
some-alt