AppInventor开发环境搭建

 写在前面

      本次教程使用的开发包是AppInventor2.0离线版，如果有小伙伴需要可以关注微信公众号“云端微课”，并给林子留言，林子会第一时间将开发包分享给你，不接受博客留言预定，请见谅！

三步轻松开启AppInventor之旅

    Step1：解压开发包

图1-开发包 

​

图2-压缩包里的内容

        解开压缩包之后双击AI2CN（顾名思义是AppInventor2.0中文版）这个蓝色图标，弹出界面如下所示：​

图3-AI2离线版界面

Step2：一键启动离线服务器​

      点击上图中的图标“一键启动”，此时会弹出三个黑色的窗口，注意千万不要关闭这三个窗口，下面我将不吝口水将这三个窗口的功能分别介绍。

图4-注册环境变量 

学过Java和安卓的童鞋都记得在安装jdk的时候需要注册环境变量，这个窗口执行的就是这个功能。​

图5-启动服务器 

我们要模拟虚拟开发环境，服务器当然是必不可少的，学过Javaweb开发的小伙伴应该还记得当时的Apache服务器。​​

图6-端口监听

该窗口指定工程路径并执行窗口监听的功能。

 口水浪费了这么多，不知道小伙伴们是否理解呢？不理解也没有关系，记住开发过程中，不要关闭就OK了！接下来，打开浏览器（用带有Google内核浏览器，其他浏览器可能不支持），在地址栏中键入：127.0.0.1:8888，按回车键，等待奇迹吧，哈哈！Duang~Duang~两下就可以看到庐山真面目啦！​

图7-开发环境登陆界面

点击Login，进入界面，哇，有没有很鸡冻的赶脚​

图8-AppInventor开发界面

 至此，开发环境就搭建好啦！什么，写了这么多，才写到第二步？​​​

 Step3：手机仿真​

       打开开发包文件夹，找到一个名为“MIT AI2 Companion.apk”的东东，一看后缀大家都知道这是手机安装程序，没错，将它安装到你的手机上，不管你用QQ传输还是数据线，总之将它传到你的手机上，记住要安装。​

图9-将它安装到你的手机上

用usb线将你的手机和电脑连接起来，你需要在手机的设置选项里找到开发者选项，并打开usb调试。这时点击AppInventor开发界面的connect中的USB（看不懂文字请看下面的图）​

图10-打开contect中的USB

  稍微等待一会~你会发现手机中的MIT AI2 Companion 2.12启动了，看看你的开发环境界面和你的手机显示是否同步呢？此时此刻，有没有很兴奋呢？至此，我们的开发前的准备就已经充分完成了（打包apk，我们下次再讲解）​

温馨说明：如果大家看英语界面不习惯的话，点击开发界面的右上角的小地图，点击其中的“简体中文”就可以切换到中文界面啦！​

图12-语言版本切换

好啦！本次课程就到这吧！下节课，我们就开始学习第一个app的开发——hello，小猫！小伙伴们可以通过关注微信公众号“云端微课”来获得下节课的素材。