Vue - Lifecycle Diagram

 

Lifecycle Diagram for Vue JS:

https://vuejs.org/v2/guide/instance.html#Lifecycle-Diagram

Vue - Useful Extensions

 Vue VS Code Snippets:
https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets

Vetur:
https://marketplace.visualstudio.com/items?itemName=octref.vetur

Vue.js devtools:
https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
https://github.com/vuejs/vue-devtools

Vue CLI:
https://cli.vuejs.org/guide/installation.html

Creating first hello world application using VUE CLI:

vue create hello-world -d

VueJS - tools - vue.js dev tools

Step 1: In our chrome browser let us visit the site: https://chrome.google.com/webstore/category/extensions

Step 2: Search for Vue.js devtools:

Step 3: Click on Add to Chrome

Step 4: Click on Add extension:

Now Vue.js devtools has been added to our chrome browser.