小程序起步-万事开头难

小程序起步,需要以下步骤

一、阅读微信官网文档的起步,完成申请账户、安装开发工具

https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/getting-started.html

主要步骤:


小程序起步-万事开头难_第1张图片

1. 1 申请账号

点击https://mp.weixin.qq.com/wxopen/waregister?action=step1根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号

1. 2  安装开发工具

前往开发者工具下载页面,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看《开发者工具介绍》。

打开小程序开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序吧!

1.3  简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599

注意:比较难找的就是AppID(小程序ID)

小程序起步-万事开头难_第2张图片
小程序起步-万事开头难_第3张图片

二、使用官方WeUI框架

WeUI 是什么

WeUI 是微信官方设计团队为微信 Web 开发量身打造的一个 UI 样式库,你可以把它理解为一个前端框架,类似于 Bootstrap 的那种。 由于是微信官方出品,所以对微信的兼容性基本没有太大问题,而且各组件的样式和微信一样,能够和微信很好的融合在一起,给用户较好的体验。

官方Wiki:https://github.com/weui/weui/wiki

官方演示例子:https://weui.io/

官方代码:GitHub - Tencent/weui-wxss: A UI library by WeChat official design team, includes the most useful widgets/modules.

2.1  安装WeUI

git clone https://github.com/Tencent/weui-wxss.git

注: git安装教程

2. 2 打开微信开发工具的运行效果

注:要选择dist目录,并填入AppId

小程序起步-万事开头难_第4张图片

你可能感兴趣的:(小程序起步-万事开头难)