DEV Community

Owais Khan
Owais Khan

Posted on

How to create a vue project using vite

#webdev #javascript #vue #programming

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

Read next

silvio_riveros_49b5505866 profile image

Migrar de SQLite a MySQL.

Silvio Riveros -

trish_07 profile image

Building a Simple TCP Server in C

Trish -

msnmongare profile image

The 6 Best Free Tools for Testing Webhook and Callback URLs

Sospeter Mong'are -

fourhtyoz profile image

Five cool JavaScript tricks

Fourhtyoz -