| title | description | ms.topic | keywords | ms.localizationpriority | ms.date |
|---|---|---|---|---|---|
Vue on Windows |
A guide to help you set up a Vue development environment on Windows 10. |
article |
Vue, Vue.js, vue on windows 10, vue on windows, vue overview, what is vue, vue with windows, set up vue on windows, vue dev environment, set up a vue development environment |
medium |
03/30/2021 |
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.
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.
- 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.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.