微信小程序开发入门篇----创建第一个小程序

本文将一步步教你如何创建自己的第一个小程序，并在手机上体验。

开发准备

首先下载开发者工具，然后打开微信公众平台登陆你的账号在设置—开发者设置中找到AppID（小程序ID）并复制

新建项目

   安装好开发者工具，使用微信扫码登录。选择创建“项目”，填入上文得到的 AppID ，并设置一个项目名称，比如“HelloWorld”，并选择一个文件夹作为代码存储的目录，为方便初学者了解微信小程序的基本代码结构，在创建过程中，如果选择的本地文件夹是个空文件夹，开发者工具会提示，是否需要创建一个 quick start 项目。选择“是”，开发者工具会帮助我们在开发目录里生成一个简单的 demo，最后点击“新建项目”就可以了。 

这样一个简单的小程序就搭起来了

编写示例小代码

接下来我们来看看文件夹的和各个文件的作用，“pages”文件夹主要放各个页面的文件，每个页面一个文件夹，文件夹内必须包含xxx.js、xxx.wxml、xxx.wxss三个文件。.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，微信小程序会读取这些文件，并生成小程序实例。 另外 app.js、app.json、app.wxss 这三个是主配置文件，我们可以将通用样式写在app.wxss里。
我们先介绍下这几个文件，app.js是小程序的脚本代码。可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API，如本例的同步存储及同步读取本地数据。

//app.js
App({
  onLaunch: function () {
   
    //调用API从本地缓存中获取数据
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
  },
  ge