In this article, I will be doing a comparison of scaffolding build tools available in the Vue.js ecosystem.
Build tools are an integral part of developers’ workflow, JavaScript build tools were proliferated by the rise of single page application(SPAs) and modern JavaScript (ES6).
The term “build tool” is used to describe the resulting process of automating simple recurring tasks with packages, tools, libraries, and preset templates.
Build tools include a wide variety of different tools such as:
- Task runners
- Transpilers
- Module bundlers
- Linters
- Package managers
- Development servers
- Scaffolding tools
These tools help developers build efficiently and make development processes much smoother.
In this article, I will be doing a comparison of scaffolding build tools available in the Vue.js ecosystem for efficiently building projects, what they offer, how they might improve your development workflow, and how to get started with using them.
Prerequisites
This tutorial assumes the reader has the following:
- Node.js 10x or higher
- Yarn / npm 5.2 or higher installed on their PC
- Basic knowledge of JavaScript and how frameworks work
- Basic knowledge of Vue.js
Scaffolding tools
Scaffolding tools are an abstraction built atop several build tools and, most notably, development servers/module bundlers, they remove the hassles of configuring and using build tools.
Scaffolding tools help you bootstrap new projects on the fly. You won’t have to worry about configurations to get started with using the bootstrapped projects.
Scaffolding tools also include configuration options for projects, the ability to save configuration presets for future projects and mechanisms to upgrade dependencies of projects built with them.
The tools available to scaffold applications and libraries in the Vue community that we will compare are:
#vue #javascript #developer
