I have been using Vue JS for the last couple of years, and I have created a set of resources that can be extremely beneficial for someone who is trying to get started or wants to have a reference to some resources throughout their development.
Disclaimer: I am not gaining any economical advantage by sharing this links and I have no affiliation with any of the following resources.
Official Vue Documentation – https://vuejs.org/v2/guide/
The official documentation is the perfect place to reference at any point of development. It is simple to follow, kept up to date and very comprehensive. I am amazed how well it is written.
Vue Dynamic Cheatsheet https://vuejs-tips.github.io/cheatsheet/
No matter how well you know the API, a sneak peak of its extensive library it is always welcome. This simple page, have dynamic links to the official documentation mentioned above, making it a must have for any vue developer
News VueJs podcast – https://news.vuejs.org/
A weekly podcast created to provide Vue developers with the latest news and tutorials to stay up-to-date with their technology. Very useful to know in advance what is coming in future releases.
Vue Cheat sheet – https://www.vuemastery.com/vue-cheat-sheet/
A free cheat sheet that include all the essential vue syntax provided by the creator of Vue Mastery. This is perfect for people that like to have a visual reference to the Vue api
NativeScript – https://www.nativescript.org/vue
An open source framework to build truly native mobile apps. It is great to get started with their online playground and fantastic to use, as it enables you to use your Vue skills to make native app.
Codesandbox – https://codesandbox.io
A powerful online code editor for Vue. It is packed with everything you need to get started and more. It is constantly updated with new feature, and it the one stop for any new project ideas that you may have.
Storybook – https://storybook.js.org/
Storybook is a development environment for UI components. It is packed with fantastic free add-ons ( accessibility, responsiveness, dynamic variables). And it is a great resource for any mid/large Vue project. (support other framework).
Vue Devtools ( Chrome / Firefox) – https://github.com/vuejs/vue-devtools
Chrome and Firefox DevTools extension for debugging Vue.js applications. A must have for all Vue developers. It support new Vue developer to get started by analysing the components and their state, and it is useful for experience developer to check performance, events triggering and so much more.
Vue mastery –https://www.vuemastery.com/
Vue mastery is the one stop for any training resources. They are the biggest supporters of Vue Js ( they donate part of the revenue) and often offer good deals.
Vue interview question – https://www.toptal.com/vue-js/interview-questions
A very useful blogpost provided by the toptal, that provide insight on the ‘must know’ interview question for a vue js vacancy.
I really hope the resources above will turn to be useful, and please do not hesitate to comment and send me a message if you think that I have missed anything that should be added.
My recommended VueJS IDE is Codelobster – http://www.codelobster.com/vuejs.html