Thứ Hai, 31 tháng 10, 2016

Laravel 5 Vue Js Tutorial : How to Install Vue Js & Getting start in laravel 5


Laravel 5 Vue Js Tutorial : Install Vue.Js and Getting Strat to using VueJs in Laravel 5 Project. This lesson will show you how to integration framework javascript vue.js and our laravel 5 project. From vue.js installation, and simple function can be used in Laravel project.

How to Install Vue.js in laravel 5?

Vue does not support IE8 and below, because it uses ECMAScript 5 features that are un-shimmable in IE8. However it supports all ECMAScript 5 compliant browsers.

Laravel 5 Vue Js Tutorial : How to Install Vue Js & Getting start in laravel 5

Standalone Method

Simply download and include with a script tag. Vue will be registered as a global variable.
Download Development Version
Download Production Version

NPM Method

NPM is the recommended installation method when building large scale applications with Vue. It pairs nicely with module bundlers such as Webpack or Browserify. Vue also provides accompanying tools for authoring Single File Components.

# latest stable
$ npm install vue

CLI Method

Vue.js provides an official CLI for quickly scaffolding ambitious Single Page Applications. It provides batteries-included build setups for a modern frontend workflow. It takes only a few minutes to get up and running with hot-reload, lint-on-save, and production-ready builds :

# install vue-cli
$ npm install --global vue-cli
# create a new project using the "webpack" template
$ vue init webpack my-project
# install dependencies and go!
$ cd my-project
$ npm install
$ npm run dev

Dev Build

Important: the built files in GitHub's /dist folder are only checked-in during releases. To use Vue from the latest source code on GitHub, you will have to build it yourself!

git clone https://github.com/vuejs/vue.git node_modules/vue
cd node_modules/vue
npm install
npm run build

Bower

# latest stable
$ bower install vue

AMD Module Loaders

The standalone downloads or versions installed via Bower are wrapped with UMD so they can be used directly as an AMD module.

references : https://vuejs.org/guide/installation.html

Getting Start Using Vue.js in Laravel 5 Example



see you next lessons..

Không có nhận xét nào:

Đăng nhận xét