What is Vue.js?

Vue is an open-source, front end JavaScript framework for building user interfaces and single-page applications on the web. Created by Evan You, released in 2014 and maintained by Evan and his core team, Vue focuses on declarative rendering and component composition offering a core library for the view layer only.

If you want to build a server-rendered Vue web app with advanced features such as routing, state management and build tooling, take a look at Nuxt.js.

What makes Vue unique?

Vue uses a model-view-viewmodel architecture. Evan You previously worked on AngularJS at Google and extracted parts of Angular to offer a more lightweight framework. Vue is in may ways similar to React, Angular, Ember, Knockout, etc. See the Vue documentation for a more in-depth comparison to these other JavaScript frameworks.

What can you do with Vue?

• Build a single-page app (SPA)
• Use just a component of Vue to add a simple to-do list to your app or find more complex examples
• Build a server-rendered website with a Node.js backend, with help from Nuxt.js

Vue tools

Vue.js is focused only on the view layer, so may require additional tools to create a more complex app. You may want to consider using:

• Package manager: Two popular package managers for Vue are npm (which is included with NodeJS) and yarn. Both support a broad library of well-maintained packages that can be installed.
• Vue CLI: a standard toolkit for rapid Vue.js development with out-of-the-box support for Babel, PostCSS, TypeScript, ESLint, etc.
• Nuxt.js: A framework to make server-side rendered Vue.js apps possible. Server-side rendering can improve SEO and make user interfaces more responsive.
• Vue extension pack for VS Code: Adds syntax highlighting, code formatting, and code snippets to your .vue files.
• Vuetify: A Vue UI library offering Material Design Framework components.
• Vuesion: A Vue boilerplate for production-ready Progressive Web Apps (PWAs).
• Storybook: A development and testing environment for Vue user interface components.
• Vue Router: Supports mapping application URLs to Vue components.
• Vue Design System: An open source tool for building Design Systems with Vue.js.
• VueX: State management system for Vue apps.

Additional resources

• Vue docs
• Vue.js overview
• Install Vue.js on WSL
• Install Vue.js on Windows
• Install Nuxt.js
• Take your first steps with Vue.js learning path
• Try a Vue tutorial with VS Code