注意：如果要以非管理员微信号在手机上体验该小程序，那么我们还需要操作“绑定开发者”。即在“用户身份”-“开发者”模块，绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号。

开发者工具安装完成后，打开并使用微信扫码登录。选择创建“项目”，填入上文获取到的 AppID ，设置一个本地项目的名称（非小程序名称），比如“我的第一个项目”，并选择一个本地的文件夹作为代码存储的目录，点击“新建项目”就可以了。

为方便初学者了解微信小程序的基本代码结构，在创建过程中，如果选择的本地文件夹是个空文件夹，开发者工具会提示，是否需要创建一个 quick start 项目。选择“是”，开发者工具会帮助我们在开发目录里生成一个简单的 demo。

项目创建成功后，我们就可以点击该项目，进入并看到完整的开发者工具界面，点击左侧导航，在“编辑”里可以查看和编辑我们的代码，在“调试”里可以测试代码并模拟小程序在微信客户端效果，在“项目”里可以发送到手机里预览实际效果。

下面我们简单了解这三个文件的功能，方便修改以及从头开发自己的微信小程序。

1. //app.js
2. App({
3. onLaunch: function () {
4. //调用API从本地缓存中获取数据
5. var logs = wx.getStorageSync('logs') || []
6. logs.unshift(Date.now())
7. wx.setStorageSync('logs', logs)
8. },
9. getUserInfo:function(cb){
10. var that = this;
11. if(this.globalData.userInfo){
12. typeof cb == "function" && cb(this.globalData.userInfo)
13. }else{
14. //调用登录接口
15. wx.login({
16. success: function () {
17. wx.getUserInfo({
18. success: function (res) {
19. that.globalData.userInfo = res.userInfo;
20. typeof cb == "function" && cb(that.globalData.userInfo)
21. }
22. })
23. }
24. });
25. }
26. },
27. globalData:{
28. userInfo:null
29. }
30. })

1. {
2. "pages":[
3. "pages/index/index",
4.