如何创建一个微信小程序

一、小程序结构目录的创建：

1、首先打开 微信公众平台 | 小程序的官方文档：https://mp.weixin.qq.com

2、按照官方文档的小程序发布流程，完善信息，申请到自己的 小程序开发 ID  

       地址：https://mp.weixin.qq.com/wxopen/waregister?action=step1

3、申请完ID之后，下载 微信开发者工具，

       下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

4、安装完微信开发者工具后，打开开发者工具，在本地新建一个自己小程序的文件夹，在微信开发者工具里面就可以看到小程序          的结构目录完成了。

如果不够详细，可以查看百度经验 ：https://jingyan.baidu.com/article/ad310e80eeedd71848f49e53.html

 

引入UI库：

1、下载WeUI 。下载WeUI框架的github地址：https://github.com/weui/weui-wxss/

2、我们只需要将weui-wxss-master\dist\style\weui.wxss文件导入到小程序项目的根目录下

 

 

3、在项目中引用：在全局app.wxss中加入weui.wxss的引用- @import "weui.wxss";

 

 

5 根组件使用class=”page”

6 页面骨架

7 除此之外都是按照weui-开头后接组件名称，例如class=”weui-footer”

我是页脚

8 组件的子组件样式，例如view.weui-footer组件还有链接和版权信息。

    上海物联网科技有限公司

Copyright © 程序媛专用

9、具体组件在小程序中新建个项目，地址指向weui-wxss-master\dist，就可以随时查找自己要的效果，剩下的就是复制粘贴了，或者导入从github上下载代码中的实例使用，

以下为小程序引用UI库的学习资源：

原文作者：祈澈姑娘
原文链接：https://www.jianshu.com/u/05f416aefbe1

微信小程序从零开始开发步骤（一）搭建开发环境https://www.jianshu.com/p/0ff8c3b2f59f
微信小程序从零开始开发步骤（二）创建小程序页面https://www.jianshu.com/p/fe0db14e2869
微信小程序从零开始开发步骤（三）底部导航栏https://www.jianshu.com/p/89a63dc99839
微信小程序从零开始开发步骤（四）自定义分享的功能https://www.jianshu.com/p/65d9bdb8051d
微信小程序从零开始开发步骤（五）轮播图https://www.jianshu.com/p/bc3261557031
微信小程序从零开始开发步骤（六）4种页面跳转的方法https://www.jianshu.com/p/01a5a6a0fdb9
微信小程序从零开始开发步骤（七）引入外部js 文件https://www.jianshu.com/p/5f2cde64d7f2
微信小程序从零开始开发步骤（八）引入框架WeUI：https://www.jianshu.com/p/fd423b6e17be