What is Vue CLI?
Vue CLI aims to be the standard tooling baseline for the Vue ecosystem. It ensures the various build tools work smoothly together with sensible defaults so you can focus on writing your app instead of spending days wrangling with config.
Vue CLI is a tool in the Front-End Frameworks category of a tech stack.
Vue CLI is an open source tool with 29.7K GitHub stars and 6.3K GitHub forks. Here’s a link to Vue CLI's open source repository on GitHub
Who uses Vue CLI?
Companies
29 companies reportedly use Vue CLI in their tech stacks, including Front-end, TACTFUL.ai, and FinTech Consortium.
Developers
401 developers on StackShare have stated that they use Vue CLI.
Vue CLI Integrations
TypeScript, ESLint, Babel, Apache Cordova, and windiCSS are some of the popular tools that integrate with Vue CLI. Here's a list of all 8 tools that integrate with Vue CLI.
Pros of Vue CLI
1
1
1
Decisions about Vue CLI
Here are some stack decisions, common use cases and reviews by companies and developers who chose Vue CLI in their tech stack.
Atheeq Saqlain
I am trying to build a Cordova app using Vue.js and Quasar Framework, should I use the Vue CLI or quasar CLI? Which would be better for extensibility?
Simon Reymann
Senior Fullstack Developer at QUANTUSflow Software GmbH · | 23 upvotes · 4.8M views
Our whole Vue.js frontend stack (incl. SSR) consists of the following tools:
- Nuxt.js consisting of Vue CLI, Vue Router, vuex, Webpack and Sass (Bundler for HTML5, CSS 3), Babel (Transpiler for JavaScript),
- Vue Styleguidist as our style guide and pool of developed Vue.js components
- Vuetify as Material Component Framework (for fast app development)
- TypeScript as programming language
- Apollo / GraphQL (incl. GraphiQL) for data access layer (https://apollo.vuejs.org/)
- ESLint, TSLint and Prettier for coding style and code analyzes
- Jest as testing framework
- Google Fonts and Font Awesome for typography and icon toolkit
- NativeScript-Vue for mobile development
The main reason we have chosen Vue.js over React and AngularJS is related to the following artifacts:
- Empowered HTML. Vue.js has many similar approaches with Angular. This helps to optimize HTML blocks handling with the use of different components.
- Detailed documentation. Vue.js has very good documentation which can fasten learning curve for developers.
- Adaptability. It provides a rapid switching period from other frameworks. It has similarities with Angular and React in terms of design and architecture.
- Awesome integration. Vue.js can be used for both building single-page applications and more difficult web interfaces of apps. Smaller interactive parts can be easily integrated into the existing infrastructure with no negative effect on the entire system.
- Large scaling. Vue.js can help to develop pretty large reusable templates.
- Tiny size. Vue.js weights around 20KB keeping its speed and flexibility. It allows reaching much better performance in comparison to other frameworks.
Vue CLI's Features
- Feature Rich - Out-of-the-box support for Babel, TypeScript, ESLint, PostCSS, PWA, Unit Testing & End-to-end Testing.
- Extensible
- No Need to Eject
- Graphical User Interface
- Instant Prototyping
- Future Ready
Vue CLI Alternatives & Comparisons
What are some alternatives to Vue CLI?
Webpack
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders" modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
Meteor
A Meteor application is a mix of JavaScript that runs inside a client web browser, JavaScript that runs on the Meteor server inside a Node.js container, and all the supporting HTML fragments, CSS rules, and static assets.
Nuxt.js
Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable.
You can use Nuxt.js for SSR, SPA, Static Generated, PWA and more.
npm
npm is the command-line interface to the npm ecosystem. It is battle-tested, surprisingly flexible, and used by hundreds of thousands of JavaScript developers every day.
Create React App
Create React apps with no build configuration.