How to create a vue project using vite

owais11-art

Owais Khan

Posted on April 1, 2023

How to create a vue project using vite

In this article we will see how to create a vue app using vite.

First install vite

npm install vite
Enter fullscreen mode Exit fullscreen mode

To create vue app using vite type below command in terminal and press Enter

npm init vite <project-name>
Enter fullscreen mode Exit fullscreen mode

After the above command we will be prompted with few questions like which framework we want to use and we will choose vue and which language JavaScript or TypeScript.

When vite completes creating vue project for us then we have to install all the dependencies for our project using below command

npm install
Enter fullscreen mode Exit fullscreen mode

With that we have created our vue app using vite.

To run our project locally:

npm run dev // starts development server at localhost/5173
Enter fullscreen mode Exit fullscreen mode
💖 💪 🙅 🚩
owais11-art
Owais Khan

Posted on April 1, 2023

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related