DEV Community

Owais Khan
Owais Khan

Posted on

6 1 1 1 1

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

Top comments (1)

Collapse
 
efpage profile image
Eckehard

funny

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay