vue+vux+webpack快速构建

在这之前，你需要确定已经具备环境：node.js；vue.js；vue.cli；webpack；

使用vue-cli 和 airyland/vux2 构建vux：

 install vue-cli  
npm install -g vue-cli  
  
# init a webpack project with vuxjs/template  
vue init airyland/vux2 projectName  
cd projectName

# or cnpm install  
npm install  
npm run dev 

注：我们下载的官网模板，路由是以常量的形式写在了main.js中，这里我们恢复到router/index.js中去

main.js

import Vue from 'vue'
import FastClick from 'fastclick'
import router from './router'
import App from './App'
// import Home from './components/HelloFromVux'

// Vue.use(VueRouter)

// const routes = [{
//   path: '/',
//   component: Home
// }]

// const router = new VueRouter({
//   routes
// })

FastClick.attach(document.body)

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  router,
  render: h => h(App)
}).$mount('#app-box')

router/index.js

import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/HelloFromVux'

Vue.use(Router)

export default new Router({
  mode: 'history',    //history模式可以去掉url中的 '#'
  routes: [
    {
      path: '/',
      name: 'Hello',
      component: Hello
    }
  ]
})