微信小程序官方文档：从零开始创建你的第一个小程序
1. 小程序初体验
本文将带你一步步创建并完成一个微信小程序，最终你可以在手机上体验这个小程序的实际效果。小程序的首页会显示欢迎语以及当前用户的微信头像。点击头像，你可以在新开的页面中查看小程序的启动日志。如果你想直接下载源码，也可以轻松获取。
注意：如果你不是使用注册时绑定的微信账来体验小程序，那么你还需要进行“绑定者”的操作。具体步骤是：在“用户身份”-“者”模块中，绑定需要体验小程序的微信账。本教程默认你使用注册账的微信进行体验。
2. 创建项目
首先，我们需要通过微信者工具来完成小程序的创建和代码编辑。
安装好者工具后，打开并使用微信扫码登录。接着，选择“创建项目”，填入你获取到的AppID，设置一个本地项目的名称（注意，这不是小程序的名称），比如“我的第一个项目”，然后选择一个本地文件夹作为代码存储的目录，最后点击“新建项目”即可。
为了方便初学者了解微信小程序的基本代码结构，如果你选择的本地文件夹是空的，者工具会提示你是否需要创建一个quick start项目。选择“是”，者工具会自动在目录中生成一个简单的项目模板。
项目创建成功后，你可以点击该项目，进入者工具的完整界面。在左侧导航栏中，点击“编辑”可以查看和编辑代码，点击“调试”可以测试代码并模拟小程序在微信客户端的效果，点击“项目”可以将小程序发送到手机上进行预览。
3. 编写代码
创建小程序实例
点击者工具左侧导航栏的“编辑”，你可以看到项目已经初始化并包含了一些简单的代码文件。其中，最关键且必不可少的三个文件是：.js、.json、.wxss。.js是脚本文件，.json是配置文件，.wxss是样式表文件。微信小程序会读取这些文件，并生成小程序实例。
下面我们简单了解一下这三个文件的功能，方便你进行修改或从头开始编写自己的微信小程序。
- .js文件：这是小程序的脚本代码。你可以在这个文件中监听并处理小程序的生命周期函数、全局变量，并调用框架提供的丰富API。例如，本例中使用了同步存储及同步读取本地数据的API。如果你想了解更多可用的API，可以参考官方文档。
// app.js
App({
onLaunch: function () {
// 调用API从本地缓存中获取数据
var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
},
getUserInfo: function(cb){
var that = this;
if(this.globalData.userInfo){
typeof cb == "function" && cb(this.globalData.userInfo)
}else{
// 调用登录接口
wx.login({
success: function () {
wx.getUserInfo({
success: function (res) {
that.globalData.userInfo = res.userInfo;
typeof cb == "function" && cb(that.globalData.userInfo)
}
})
}
});
}
},
globalData:{
userInfo:null
}
})
- .json文件：这是对整个小程序的全局配置。你可以在这个文件中配置小程序由哪些页面组成，配置小程序的窗口背景色、导航条样式、默认标题等。
通过以上步骤，你已经成功创建了一个简单的微信小程序，并了解了基本的代码结构。接下来，你可以根据自己的需求进行更深入的和优化。
