一.搭建快速开发框架 -- 移动端

可参考文档

http://jspang.com/2017/04/10/vue-cli/

1.利用 vue-cli 搭建

$ vue init
主要看博客可以了

2.引入相关文件

安装的插件

stylus
stylus-loader
fastclick //解决移动端点击的300ms的延迟
babel-runime //对es的语法编译
babel-polyfill //对es6的一些补丁

然后在main.js 引入

image.png

`

// The Vue build version to load with the import command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import 'babel-polyfill'
import Vue from 'vue'
import App from './App'
// import Router from './router'
import fastclick from 'fastclick'

/* 引入stylus */
import 'common/stylus/index.styl'

fastclick.attach(document.body)

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
el: '#app',
render: h => h(App)
})

`