Vue is a progressive framework for building user interfaces. It is designed from the ground up to be incrementally adoptable, and can easily scale between a library and a framework depending on different use cases.

Installation

The Vue CLI makes it easy to start up a Vue Project.

npm install --global vue-cli

Initialize Project

This is done via the CLI:

vue init webpack myproject

Integrating Bulma CSS

npm install bulma --save
npm install node-sass sass-loader --save

Install axios for HTTP requests

npm install axios --save

Install vuex for state management

npm install --save vuex

Install datatable component

npm install vue2-datatable-component --save
npm install lodash --save
npm install replace-with --save
npm install jquery --save
npm install bootstrap --save
npm install font-awesome --save

Edit build/webpack.dev.conf.js

    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    })

Edit main.js

require('bootstrap/dist/css/bootstrap.min.css');
require('font-awesome/css/font-awesome.min.css');