vue+uniapp快速入门:https://www.kancloud.cn/zengqs1976/uni-app/1143144

前端开发文档

前端技术栈：

  • VUE: MVC框架 vue@2.6.3
  • Uniapp: uniapp官方跨端API调用 uniapp-api
  • html5plus: 原生API调用 html5plus
  • Uview: uniapp生态最好的UI库 uview
  • Weex： 富交互页面或主要页面等需要高性能的页面使用Nvue模式（内置weex） weex
  • Weex-ui： weex官方UI库 Weex-Ui 或 Weex-ui/
  • Webview： webview API文档 webview
  • Api请求库: flyjs

毫无疑问，vue+uniapp+uview+weex是目前在能保证不错的性能前提下开发APP或开发跨平台应用最快捷最省成本的方式

工程目录说明

  1. ./
  2. ├─App.vue ------------------------------------- vue跟组件
  3. ├─main.js ------------------------------------- vue入口js
  4. ├─manifest.json ------------------------------------- uni-app配置文件
  5. ├─package.json ------------------------------------- 项目依赖包
  6. ├─pages.json ------------------------------------- 路由配置文件
  7. ├─uni.scss ------------------------------------- uni-app全局scss文件，文件内的样式会编译到每个页面
  8. ├─vue.config.js ------------------------------------- vue webpack配置文件
  9. ├─treer.md ------------------------------------------项目目录说明
  10. ├─utils ------------------------------------- 工具函数
  11. |   ├─filters.js ------------------------------------- 过滤器
  12. |   ├─emojimap.js ------------------------------------- 表情编译 解析函数
  13. |   ├─globalJump.js ------------------------------------- 路由调整函数
  14. |   ├─index.js ------------------------------------- 全局工具函数
  15. |   ├─nvueCommon.js ------------------------------------- nvue页面工具函数
  16. |   ├─registerBaseStyle.js ------------------------------------- 首页装修样式渲染函数
  17. |   ├─im.js ------------------------------------- websocket 工厂函数，支持断线重连、心跳检测
  18. ├─store ------------------------------------- 全局状态管理
  19. ├─static ------------------------------------- 静态文件
  20. |   ├─uni.css ------------------------------------- 样式文件
  21. |   ├─remix-icon ------------------------------------- 字体图标
  22. |   ├─images ------------------------------------- 图片
  23. |   ├─fonts ------------------------------------- 字体图标
  24. |   ├─css ------------------------------------- css样式文件
  25. ├─platforms ------------------------------------- 平台页面目录
  26. ├─pagesC ------------------------------------- 订单、商品、直播页面目录
  27. |   ├─wallet ------------------------------------- 钱包页面目录
  28. |   ├─shop ------------------------------------- 店铺页面目录
  29. |   ├─search ------------------------------------- 搜索页面目录
  30. |   ├─order ------------------------------------- 订单页面目录
  31. |   ├─live ------------------------------------- 直播页面目录
  32. |   ├─integral ------------------------------------- 积分页面目录
  33. |   ├─goodsComment ------------------------------------- 商品评论
  34. |   ├─goods ------------------------------------- 商品页面目录
  35. |   ├─forget ------------------------------------- 忘记密码
  36. |   ├─diy ------------------------------------- 首页装修
  37. |   ├─components ------------------------------------- 页面目录内的组件（编译小程序可以减少主包大小）
  38. |   ├─applyshop ------------------------------------- 店铺入驻
  39. ├─pagesB ------------------------------------- 页面目录
  40. |   ├─webview ------------------------------------- webview
  41. |   ├─shortVideo ------------------------------------- 短视频
  42. |   ├─setting ------------------------------------- 设置目录
  43. |   ├─seller ------------------------------------- 订单售后目录
  44. |   ├─register ------------------------------------- 注册目录
  45. |   ├─my ------------------------------------- 个人中心目录
  46. |   ├─message ------------------------------------- 消息通知和IM页面
  47. |   ├─member ------------------------------------- 会员目录
  48. |   ├─login ------------------------------------- 登录目录
  49. |   ├─coupon ------------------------------------- 优惠券目录
  50. |   ├─components ------------------------------------- 组件目录
  51. |   ├─comment ------------------------------------- 留言目录
  52. |   ├─category ------------------------------------- 商品分类目录
  53. |   ├─article ------------------------------------- 文章
  54. ├─pages ------------------------------------- tabbar页面
  55. |   ├─tabBar ------------------------------------- tabbar页面
  56. |   |   ├─cart.vue ------------------------------------- 购物车
  57. |   |   ├─message.vue ------------------------------------- 消息
  58. |   |   ├─find.vue ------------------------------------- 发现
  59. |   |   ├─home.vue ------------------------------------- 首页
  60. |   |   └my.vue ------------------------------------- 个人中心
  61. ├─packages
  62. |    ├─vipCard
  63. |    ├─cashier ------------------------------------- 收银台
  64. ├─localee ------------------------------------- 多语言国际化
  65. ├─graceUI ------------------------------------- ui组件
  66. ├─config ------------------------------------- 项目配置文件
  67. |   ├─appUpdateConfig.js -------------------------------- app更新配置
  68. |   ├─constValue.js ------------------------------------- 项目长量
  69. |   └index.js ------------------------------------- 接口地址、wss地址、静态资源等地址配置
  70. ├─components ------------------------------------- 组件目录
  71. |     ├─widgets ------------------------------------- 首页装修组件
  72. ├─api ------------------------------------- 接口

组件

组件详见上面的目录说明文档

常见问题

uni-app 整包升级/更新方案 uni-app 资源在线升级/热更新