...

/

Setting up a project

Setting up a project

Learn how to set up the project using Vue CLI and which Vue version to choose.

How to set up a project

We’ve covered a few beneficial extensions. Now, let’s finally create and configure the basic setup for a project. There are a few different ways to do that. Nowadays, most Vue projects use tools such as Webpack for module bundling and Babel for code transpilation. We could configure these and other tools from scratch, but fortunately, the Vue team created Vue CLI.

It’s a full system for the development of Vue applications. It uses Webpack, Babel, and other tools to internally provide a standard tooling baseline for the Vue ecosystem. Thanks to Vue CLI, there’s no need to configure all the tools from scratch, because it offers a full setup out of the box with sensible configuration. We can even extend the default configuration if need be. Another tool worth keeping in mind is Vite.

It’s a blazing fast tool that serves code through native ES Module imports during development and bundles everything with ...