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,小猫!小伙伴们可以通过关注微信公众号“云端微课”来获得下节课的素材。

时间: 2024-10-05 10:47:48

AppInventor开发环境搭建的相关文章

Intellij IDEA 14.1.4 Scala开发环境搭建

主要内容 Intellij IDEA开发环境简介 Intellij IDEA Scala开发环境搭建 Intellij IDEA常见问题及解决方案 Intellij IDEA常用快捷键 1. Intellij IDEA开发环境简介 具体介绍请参见:http://baike.baidu.com/link?url=SBY93H3SPkmcmIOmZ8H60O1k4iVLgOmdqoKdGp9xHtU-Pbdsq2cpn75ZPZPWAJxeUlwr0ravraQzOckh777beq Intelli

javacard开发环境搭建 Eclipse+jcop+jcdk 配置完成的开发环境

javacard  开发环境搭建 Eclipse+jcop+jcdk  配置完成的开发环境,下载后安装jdk,并完成环境变量配置,即可开发javacard applet: 虽然有许多大神提供配置说明,但是配置很麻烦.提供一个配置好的环境给大家.如果好用,别忘了评价. 由于csdn上传限制,需要分别下载几个文件 http://download.csdn.net/detail/wyx100/7941899 http://download.csdn.net/detail/wyx100/7941669

Storm使用入门之本地开发环境搭建

本篇博文详细告诉你如何安装Storm的本地开发环境,总体分为两步,具体如下: 1.从官网上下载Storm的发布包,下载完成后将其解压,并将解压后的bin目录添加到环境变量(PATH)中,以方便后续执行Storm的相关命令 2.修改Storm的配置文件(storm.yaml),主要是按照实际情况更新配置文件中的集群信息,然后将修改后的配置文件添加到目录(~/.storm/)中,目的是为了后续能够远程启动和停止集群上的计算任务(即topology) 接下来,咱们来详细地介绍每一个操作步骤. 首先,何

《结对-贪吃蛇游戏-开发环境搭建过程》

贪吃蛇开发环境搭建 Python和pygame的安装过程 成员0:2015035107074-孔令辉 成员1:2015035107067-张旭 1.去官网下载python和pygame.(需注意自己电脑是32位的还是64位的,我的是64位的,就下了个64位的) 2.安装pythone 和 pygame. 3.安装完成后,查看环境变量配置情况:计算机->属性->高级系统设置->环境变量->系统变量->Path. 4.在命令提示符中输入:python,验证是否安装成功,若提示是无

微信开发学习总结(一)—微信开发环境搭建

目前移动App开发领域主要分为以下几种类型: 一.微信开发环境搭建 1.要有一个用来测试的公众号. 2.用来调式代码的开发环境 1.1.注册测试公众号 微信公众号分为服务号.订阅号.企业号,订阅号可以个人申请,服务号和企业号要有企业资质才可以. 我们所说的微信公众号开发指的是订阅号和服务号. 关于订阅号和服务号的区别,官方是这样解释的 服务号:主要偏向于服务交互(功能类似12315,114,银行,提供绑定信息,服务交互),每月可群发4条消息:服务号适用人群:媒体.企业.政府或其他组织. 订阅号:

vue.js开发环境搭建

1.安装node.js,忽略 2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入:npm install -g cnpm –-registry=https://registry.npm.taobao.org,回车,等待安装... 3.安装全局vue,用于帮助搭建所需的模板框架 在cmd里, 1).输入:cnpm install -g vue-cli,回车,等待安装...2).输入:vue -V,回车,若出现vue信息说明表示成功 4.创建vue项目 在cmd里输入:vue

Hive项目开发环境搭建(Eclipse\MyEclipse + Maven)

写在前面的话 可详细参考,一定得去看 HBase 开发环境搭建(Eclipse\MyEclipse + Maven) Zookeeper项目开发环境搭建(Eclipse\MyEclipse + Maven) 我这里,相信,能看此博客的朋友,想必是有一定基础的了.我前期写了大量的基础性博文.可以去补下基础. 步骤一:File  ->  New  -> Project   ->  Maven Project 步骤二:自行设置,待会创建的myHBase工程,放在哪个目录下. 步骤三: 步骤四:

Cordova+ionic 开发hybird App --- 开发环境搭建

Cordova 开发hybird App 开发环境搭建 一.一些基础概念: Ant : 简单说来可以这么理解,如果你用记事本写JAVA程序,然后在cmd里输入javac命令编译它,但是有一天你发现每次手动输入太麻烦而且都是重复劳动,于是你下决心改变这种状况,然后学会了把javac命令写到一个bat文件中,以后编译只需要单击运行即可:然后随着你敲的代码越来越多,而且有了JAVA project概念,于是你手动新建了很多文件夹比如src.bin.lib,你有写了一个bat文件来减少你的重复劳动:再后

转:Qt 嵌入式开发环境搭建

地址: http://www.cnblogs.com/lishixian/articles/3013897.html         作者:lsx_007 这里主要是记录了自己在搭建嵌入式开发环境时阅读的一些有价值的参考文档,文档主要来自于网络,由于是从文库中下载,所以也不知道 文档的出在哪?因为个人觉得总结的比较好,我暂且拿过来记录下,当然在此基础上也会加上我自己的理解!这篇文章主要是以问答的形式来组织. QT嵌入式开发环境是本文所要介绍的内容,我们先看看Qt的各个版本简介: 1.什么是QT