kayak-h5

VantUI 与 Vue2.x,使用 vue-cli V4 构建

默认配置

1. px转rem,可以直接根据设计图使用px单位愉快的构建页面
2. 全量引入vantUI组件库,页面直接使用
3. 引入less,支持全局自定义主题配色

兼容性

支持现代浏览器以及 Android 4.0+, iOS 8.0+。

技术栈

• vue-cli v4
• vuejs
• vue-router
• vuex
• Vant
• less

项目命令

安装依赖

npm install

开发热加载运行

npm run serve

编译打包

npm run build

项目目录结构

kayak-h5
├─kayak ----------------------------- // 公用块，$k 调用
│ ├─components ---------------------- // 公用--组件
│ ├─config -------------------------- // 全局公用配置,包含鉴权、视图适配开关等
│ ├─directives ---------------------- // 公用指令
│ ├─pages --------------------------- // 常用页面，如：404 等
│ ├─plugins ------------------------- // 插件
│ ├─store --------------------------- // 公用 vuex
│ ├─styles -------------------------- // 公用组件样式，主题配置
│ ├─utils --------------------------- // 公用工具方法函数
│ └─index.js ------------------------ // 公用块入口文件 $k
├─public ---------------------------- // 不需要打包的文件，Vue index.html
├─src ------------------------------- // 业务块
│ ├─apis ---------------------------- // 接口 api 配置
│ ├─assets -------------------------- // 业务静态资源
│ │ └─images ------------------------ // 图片资源
│ ├─components ---------------------- // 业务公用组件
│ ├─pages --------------------------- // 多页面文件目录，内部按页面划分，包含根组件、入口文件、路由、样式等
│ ├─store --------------------------- // vuex 状态管理器
│ ├─style --------------------------- // 业务公用样式主题目录
│ └─utils --------------------------- // 业务工具函数
├─.env.staging ---------------------- // 环境变量和模式配置文件
├─.eslintignore --------------------- // eslint 忽略文件配置
├─.gitignore ------------------------ // git 忽略文件配置
├─.prettierrc ----------------------- // prettier 代码格式化校验配置
├─babel.config.js ------------------- // babel 语法编译
├─jsconfig.json --------------------- // vscode 别名跳转文件
├─package-lock.json ----------------- // 依赖包版本锁定文本
├─package.json ---------------------- // 工程基本信息
├─postcss.config.js ----------------- // 视图rem适配方案
├─README.md 
└─vue.config.js --------------------- // vue-cli 全局配置