AsakoStudio
AsakoStudio
  • 发布:2020-02-07 20:08
  • 更新:2020-12-06 13:39
  • 阅读:1721

分享一个跨平台小程序脚手架,涵盖UI库和主题、请求、代码规范等插拔式应用框架

分类:uni-app

源码地址:https://github.com/PhotoArtLife/uniapp-scaffold
备注:基于此脚手架曾上线过多款厂里商业性产品,欢迎issue!

简介:
uniapp-scaffold 是一款跨平台小程序脚手架,配备一定基础UI库和规范的插拔式应用框架。

特点:
全: 一套code,实时打包输出各端小程序 + h5 + app
简: Vue写法,内置基础组件库和Vuex、Services、Utils等丰富能力

调研:
基于跨平台小程序框架+ kpui(一个不断完善的组件库)的mini app(小程序 + h5 + app)
当前混合版仅上线百度、头条、支付宝、微信等相关平台,更多动态请参观uni-app官网或联系脚手架作者

Guides | 参考资料:
uni-app文档
微信官方小程序文档
微信小程序API
头条小程序文档
百度小程序文档
支付宝小程序文档
airbnb javascript standard
Ant Design introduce
JD Front-End Coding Guidelines
React系多端统一开发解决方案Taro

Dev | 开发姿势:

  1. 工具,先下载各平台开发工具(IDE)https://uniapp.dcloud.io/quickstart
  2. 在Hbuilder中导入当前项目(uni-app类型),修改或更新当前配置,manifest.json和pages.json
  3. 配置插件,菜单栏点击插件管理可以安装当前项目所需要的插件和loader,(less、babel、es6等),npm insatll (步骤3不分先后)
  4. 菜单栏点击运行到要开发的小程序平台,不习惯当前IDE的可以切换到VS Code,同步开发,实时编译
  5. 进入各家开发者后台,提审,发布
  6. 更多补充中

注意事项/坑:
使用Vue.js注意事项 https://uniapp.dcloud.io/use
根据不同平台小程序做条件编译(非常重要)https://uniapp.dcloud.io/platform
高级开发技巧 https://uniapp.dcloud.io/snippet
性能优化建议 https://uniapp.dcloud.io/performance

0 关注 分享

要回复文章请先登录注册

huihui233

huihui233

垃圾
2020-12-06 13:39