DEV Community

Owais Khan
Owais Khan

Posted on

6 1 1 1 1

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

profile
JetBrains
 Promoted

Jetbrains image

Is Your CI/CD Server a Prime Target for Attack?

57% of organizations have suffered from a security incident related to DevOps toolchain exposures. It makes sense—CI/CD servers have access to source code, a highly valuable asset. Is yours secure? Check out nine practical tips to protect your CI/CD.

Learn more

👋 Kindness is contagious

Engage with a wealth of insights in this thoughtful article, valued within the supportive DEV Community. Coders of every background are welcome to join in and add to our collective wisdom.

A sincere "thank you" often brightens someone’s day. Share your gratitude in the comments below!

On DEV, the act of sharing knowledge eases our journey and fortifies our community ties. Found value in this? A quick thank you to the author can make a significant impact.

Okay