vue 仿ele 开发流程

技术栈：

vue2 vuex vue-router axios webpack eslint better-scroll

1.安装插件

npm install vue-resource babel-runtime --save

 

npm install babel-preset-es2015 stylus-loader function-bind json-loader --save-dev

2.增加 better-scroll

.eslintrc.js

'space-before-function-paren': 0,
'semi': 0,
'no-new': 0,
'no-unused-vars': 0,
'no-undef': 0

安装插件：

npm install better-scroll fastclick iscroll v-tap vue-scroll --save

3.添加 axios

 

4.添加 vuex

 

5.打包 

npm run build

 

.gitignore

.DS_Store
node_modules/
resource/
dist/
npm-debug.log

6.

npm install moment --save

制作时间过滤器，将 时间戳 变为 日期格式

 

7．设置mock 数据

build/dev-server.js

var appData = require('../static/data.json')

8．

npm install eslint-config-standard --save

9．

npm install watchpack --save

注：下面是关于这些钩子函数的解释：

hook	描述
beforeCreate	组件实例刚被创建，组件属性计算之前
created	组件实例创建完成，属性已绑定，但是 DOM 还未生成， $el 属性还不存在
beforeMount	模板编译/挂载之前
mounted	模板编译/挂载之后
mounted	模板编译/挂载之后（不保证组件已在 document 中）
beforeUpdate	组件更新之前
updated	组件更新之后
activated	for keep-alive，组件被激活时调用
deactivated	for keep-alive，组件被移除时调用
beforeDestory	组件销毁前调用
destoryed	组件销毁后调用