微信小程序开发者工具入门(1)

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

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


微信小程序开发者工具入门(1)_第1张图片

3、

imgs目录:位于顶级目录,主要存放图片

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

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

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

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

index.wxml文件:欢迎页的页面结构文件(类似与html代码)

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

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

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

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

4、页面结构:

       

       多多益善

   

   

        开始我的第一个小程序demo

   

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

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

微信小程序开发者工具入门(1)_第2张图片

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

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

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

你可能感兴趣的:(微信小程序开发者工具入门(1))