vue-getting-started

A quick guide to getting started with Vue.

Intro

There is a lot of documentation for Vue grouped together in a small space.

This guide is intended to make finding that documentation a little easier.

Read the Vue guide, even if you have to skim read several times. It can be found here.
The Vue guide is quite long, but it introduces very important concepts for beginners, and can be used as a reference by more experienced developers.
Use Search liberally.
Note that the Vue guide is grouped by the following categories:
- Essentials
  - how to get productive
- Components In-Depth
  - very important for understanding components
- Transition and Animations
  - great for making things look fancy
- Reusability and Composition
  - use plugins if you have to, but remember, using normal JavaScript modules for code organisation is the best approach first and foremost.
- Tooling
  - consult this when you need to start setting up projects, or you want to figure out what Single File Components (SFCs) are.
- and the rest, which are important, but you'll know when you need them by this point.

Vue CLI: Check out the Vue CLI tool, which also has a neat UI dashboard, here.
Nuxt: Nuxt is great for creating a client-side application.
Meteor: For a full-stack JavaScript solution, try Meteor's Vue guide.
- Note that the NO_HMR=1 parts are probably outdated now, so skip those.
- HMR = Hot-module reloading. You want it on, not off, so if it's working, use it. It looks cool.
- Don't forget security!
Laravel: The Laravel have really taken to Vue, as you can see in Laravel's documentation.
Other: If you already have a REST server, you can try using that for a backend, and use fetch requests.
- If you don't have a REST server but want one, try Koa, Feathers, Adonis, Nest, etc.

curated.vuejs.org: Vue has a curated and searchable list of packages here, but it's missing some great ones too.
awesome-vue: the Vue team maintain their own awesome-vue at vuejs/awesome-vue, which is dense.
made with vue.js has a gallery of different Vue projects, including some you can use in your own projects.
For UI components, you might be interested in:
- BootstrapVue
- Vuetify

Wrapping Components: The concepts from this article (with a typo! see the comments) on wrapping jQuery components are applicable to other UI frameworks too, such as React, but you'll need to experiment a bit to nail the technique.

Vuex: Vuex is the default community solution.
Vuex's documentation has information addressing both new and experienced JS developers, but mixed together. Remain calm while reading, beginners!