Search⌘ K
AI Features

Setting up a project

Explore the process of setting up a Vue project using Vue CLI and other development tools. Learn how to choose between Vue 2 and Vue 3, configure essential plugins, and understand the benefits of tooling like Webpack and Babel for scalable Vue application setups.

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 ...