In this video, we are going to create our project using Vite. If you prefer to use Vue CLI instead, then skip this and the next two lessons and go to the creating the project with Vue CLI video. Vite, French for fast, is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two parts.
a development server with extremely fast hot module replacement, and a build command that bundles your code for production. To use Vite to create the project, we'll need to run a command from the terminal. I'll open the terminal at a specific directory on my machine by navigating to my desired project location in the Finder window. right-clicking on the desired directory, and choosing New Terminal at Folder.
If you prefer to navigate to the desired directory directly in the terminal with the cd command, you could do that as well. js slash app and hit Enter. This will provide us with some prompts to fill out. js slash create app package.
You don't see it here because I've already got it installed, but you can just press enter to go ahead and install it. Now we're prompted to enter a name for the project. Let's call it view school travel app and hit enter. Because Vite is a framework agnostic tool that can be used for a variety of different front-end frameworks, we need to choose our framework of choice here.
Arrow down to choose View and hit Enter. We'll be using plain old JavaScript. Wow, that sure was fast compared to other project scaffolding tools I've used in the past. Now we can change directories into the project directory, install the JS dependencies, and start the dev server, as we're prompted to do right here.
Now, if we visit the provided URL in the browser, we'll see what Vite has created for us. This is what the boilerplate for all new Vue projects created with Vite looks like. In the next lesson, we'll open up the code and start making this application our own.