1、首先注册小程序，紧接着一步一步进行。。。

2、下载安装开发者工具，这个类似于Sublime、HBulider这样的编译器。

3、

imgs目录：位于顶级目录，主要存放图片

pages目录：位于顶级目录，存放小程序应用主要信息

index目录：存放欢迎页的信息

index.js文件：欢迎页的脚本文件

index.json文件：欢迎页的配置文件

index.wxml文件：欢迎页的页面结构文件（类似与html代码）

index.wxss文件：欢迎页的css样式文件

app.js:顶层文件，app的全局脚本文件

app.json:顶级文件，app的全局配置文件

app.wxss:顶层文件，app的全局样式文件

4、页面结构：

<view class="contianer>

    <view bindtap="bindViewTap" class="userinfo">

       <image  class="userinfo-avatar"  src="/img/汪1.jpg"  background-size="conver"></image>

       <text   class="userinfo-nickname">多多益善</text>

    </view>

    <view  class="usermotto">

        <text class="user-motto">开始我的第一个小程序demo</text>

    </view>

</view>

5、你以为小程序这么容易就搞定啦，没有！ follow me。

直接运行会出错，因为没有指定app加载的页面，通过查找官方api文档找到加载页面的方法，如下

6、css样式就是在index.wxss里面修改

7、在全局app.wxss文件中可以定义字体

8、今天先到这儿哈。。正在努力成长中