用户收货地址h5页面_github|不会写代码的人也能轻松快速上手制作H5页面。类似易企秀

前言

想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面，除了感叹其神奇之处有没有想过其实现方式呢？本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤，并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。(实现起来并不复杂，该教程只是提供思路，并非最佳实践)

介绍

基于vue2 + koa2的 H5制作工具。让不会写代码的人也能轻松快速上手制作H5页面。类似易企秀、百度H5等H5制作、建站工具

github地址

https://github.com/huangwei9527/quark-h5

演示地址

http://47.104.247.183:4000/

技术栈

前端：
vue: 模块化开发少不了angular，react，vue三选一，这里选择了vue。
vuex: 状态管理
sass: css预编译器。
element-ui：不造轮子，有现成的优秀的vue组件库当然要用起来。没有的自己再封装一些就可以了。
loadsh：工具类

服务端：
koa：后端语言采用nodejs，koa文档和学习资料也比较多，express原班人马打造，这个正合适。
mongodb：一个基于分布式文件存储的数据库，比较灵活。

启动运行

启动前端

npm run dev-client

启动服务端

npm run dev-server

总结

想要制作H5页面。类似易企秀、百度H5等H5制作的建站工具。这个绝对不能错过。