Vue.js Development Tools

Vue.js Development Tools

Tool to learn before start learning Vue.js

Please visit mobiosolutions.com for Vue.js project development.

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries.

Here is the list of Tool which is officially supported / Created by Vue.js

1.vue-devtools

GitHub With 7690 stars

vue-devtools

vue-dev-tools is a Chrome extension for debugging Vue.js applications allowing you to inspect component state, track events (from an event-buss or 3rd party component) and time-travel debug Vuex state.

2.vuejs-templates

This boilerplate is targeted towards large, serious projects and assumes you are somewhat familiar with Webpack and vue-loader. Make sure to also read vue-loader‘s documentation for common workflow recipes.

If you just want to try out vue-loader or whip out a quick prototype, use the webpack-simple template instead.

To use this template, scaffold a project with vue-cli. It is recommended to use npm 3+ for a more efficient dependency tree.

3.vue-loader

vue-loader is a loader for webpack that can transform Vue components written in the following format into a plain JavaScript module:

vue-devtools

There are many cool features provided by vue-loader:

  • ES2015 enabled by default;
  • Allows using other webpack loaders for each part of a Vue component, for example Sass for <style> and Jade for <template>;
  • Allows custom sections in a .vue file that can have custom loader chains applied to them
  • Treat static assets referenced in <style> and <template> as module dependencies and handle them with webpack loaders;
  • Can simulate scoped CSS for each component;
  • Supports component hot-reloading during development.

In a nutshell, the combination of webpack and vue-loader gives you a modern, flexible and extremely powerful front-end workflow for authoring Vue.js applications.

Please visit mobiosolutions.com for Vue.js project development.

Leave a Reply

Your email address will not be published. Required fields are marked *