微信开发小程序的前期准备工作及介绍

首先你得注册一个小程序账号，至于申请账号的详细流程见 https://developers.weixin.qq.com/miniprogram/dev/ ，再有就是微信开发者工具，它是所有开发者必不可少的工具。

    下面讲一下开发者工具的使用：

       安装完之后会出现如下图的界面：

                                      

在输入框输入你想创建的程序名称，保存的路径与你的APPID点击确定即可就会显示如下图像

点击上图的预览就可以在手机上预览，我们每次写完代码都要进行编译处理之后进行预览

                 

我们用开发者工具打开会出现如上两图（左图）的文件，这是工具自带的，打开pages目录，下面有dou文件夹，打开下面还有其他供开发者使用的文件，我们编写前台界面是在    .wxml  中编写,样式是在  .wxss 中编写 ，那些带  app 的文件是管.wxss相同的样式，在这里设置所有文件的css属性就会都有此属性。唯一需要大家注意的代码是这个文件下的pages字段

此文件下的代码

1. pages字段 —— 用于描述当前小程序所有页面路径，这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。

           2.window字段 —— 小程序所有页面的顶部背景颜色，文字颜色定义在这里的。

通过此节的讲述就可以进入正式的代码开发了。