现在，我们打开开拓工具（须要扫码上岸），选择本地小程序项目。
首次打开开拓工具，须要新添加一个项目。
项目描述
添加项目时，须要把稳几点。
APPID，在公众平台-->设置-->开拓者设置可以找到开拓者ID
项目目录，须要提前新建一个文件夹作为项目的根目录，如图：\小程序目录
在当前目录中创建quick start项目前面的复选框可以打上勾，这样在你新建项目的时候，会自动初始化天生一些基本文件。
让我们大略看一下，小程序示例的目录构造
首先，最外层是pages和utils两个文件夹，以及三个名称都为app，后缀名不同的文件。这三个app文件是用来描述小程序项目的整体构造的，必须放在项目的根目录下。
app.js，用来描述小程序的全局逻辑
app.json，用来配置小程序的全局变量
app.wxss，用来设置小程序的全局样式
个中1和2是必须进行配置的，不可或缺。pages和utils目录，从名字即可得知，pages是用来描述所有的页面信息的，utils则是一个工具组件包。
每一个小程序页面，都是由四个文件名相同，后缀名不同的文件组成，不同的后缀名文件功能如下：
js，脚本文件，用来处理页面逻辑，熟习javascript的都很明白吧
wxml，微信方定义的页面渲染文件，你可以理解成JSP页面
wxss，微信方定义的样式文件，同理可以理解为CSS文件
json，配置文件，一些干系参数配置
以上便是小程序项目的框架整体构造，只要理解了每个文件是做什么用的，基本就提高一大半了。
点击IDE界面左边栏的调试菜单，可以看到显示当前用户（也便是你自己）的微信头像以及昵称，点击头像，会跳转到一个启动日志的界面。详细的源代码对应/pages/index/，/pages/logs/。
小程序的一大特点，便是可以通过API的办法调用微信的一些功能，比如授权微信上岸、调用获取用户的基本信息等。片段代码如下：
//调用运用实例的方法获取全局数据
app.getUserInfo(function(userInfo){
//更新数据
that.setData({
userInfo:userInfo
})
})
只要你有一点CSS和JS以及任意一个后端开拓措辞的根本的话，学习小程序还是很轻松的。
