ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
# how-to-write-h5 ## 原则 * 结构清晰 * 可复用 * 快速 * 遵守[编码规范](http://mdo.github.com/code-guide) ## 必备技能 ![](https://i5ting.github.io/wechat-dev-with-nodejs/weui/img/1.png) ## Step1: 使用less编写 less ![](https://i5ting.github.io/wechat-dev-with-nodejs/weui/img/4.png) ## Step2: 切块 以section切块 ![](https://i5ting.github.io/wechat-dev-with-nodejs/weui/img/2.png) ## Step3: 块内布局 ![](https://i5ting.github.io/wechat-dev-with-nodejs/weui/img/3.png) ## Step4: 实现细节 踏踏实实的写就好了