MacBookPro配置senchaTouch+cordova开发环境.docxVIP

MAC Book Pro 配置Sencha Touch +Cordova开发环境 安装XCode开发工具 这里就不再赘述了，在MAC PRO的APP STORE中搜索XCode，并安装就好。唯一需要注意的是安装XCode所需的时间比较长，需要耐心。 配置sencha touch 项目开发环境 下载sencha touch 到sencha touch 官方网站上下载sencha touch，其中包含了sencha SDK，地址如下 HYPERLINK /products/touch/download/ /products/touch/download/ 下载之后解压到一个路径下。 下载安装sencha touch CMD 下载地址 HYPERLINK /products/sencha-cmd/ /products/sencha-cmd/，下载之后点击安装。 注意，这里在安装的过程中一定要勾选下图箭头所指的选项，否则后面在编译项目的时候会报错。 安装成功之后打开terminal，输入sencha ，系统会显示安装成功。如图所示 Mac 电脑安装JRE 7 Sencha touch 本身需要JRE1.7的支持，所以我们还需要安装JRE。在浏览中打开箭头所示连接，会跳转到java SDK的下载路径， HYPERLINK /technetwork/java/javase/downloads/jdk7-downloads-1880260.html /technetwork/java/javase/downloads/jdk7-downloads-1880260.html ，下载MAC OS 对应的版本。 下载完成之后打开下载的文件，点击安装。 安装成功之后，打开terminal，输入java或者javac，系统会显示以上信息，说明安装成功。 安装Ruby MAC OS默认会已经安装好了Ruby，可以在terminal输入ruby –v 查看。 创建sencha touch 项目 打开terminal，使用cd命令，导航到第一步中安装的touch-2.4.2路径下。 输入sencha generate app MyApp ../MyApp 这样就会在 touch SDK的同级目录下创建一个sencha touch 项目。 项目路径与sencha touch sdk 路径如下。 总结 总体上，配置sencha touch 开发环境与在windows环境下类似。Windows开发环境配置可做参照。 配置Cordova开发环境。 Sencha touch 官方网站介绍了sencha touch 与Cordova 环境配置的具体操作，详情请见 HYPERLINK /cmd/6.x/cordova_phonegap.html /cmd/6.x/cordova_phonegap.html 同时Cordova官方网站也介绍了如何进行环境配置，详情请见网站。 HYPERLINK /docs/en/latest/guide/cli/index.html \l installing-the-cordova-cli /docs/en/latest/guide/cli/index.html#installing-the-cordova-cli。 安装Node.js 到Node.js官方网站下载适合于MAC OS的Node.js的安装包。 安装之后可以使用npm命令了。打开terminal，输入node –v 就可以查看是否安装成功了。 安装Cordova MAC OS 平台使用命令行形式安装。 打开terminal，输入如下命令。 系统会提示以下信息 系统提示 sudo命令使用不当可能会导致数据丢失，或者删除重要的系统文件，当使用sudo命令时请仔细检查确认一下。更多信息请使用man命令查看。 如果要继续请输入密码，或者输入ctrl+c 取消。 我们继续输入密码，点击回车。密码为电脑开机登录密码。 过一会儿，系统会显示如下内容，说明安装成功。 输入cordova –v 可以查看Cordova的版本。 输入cordova –help 可以查看cordova 的命令帮助。 如下显示。 创建一个Cordova 项目 使用CD命令导航到某一路径下，输入如下命令。 这样的话就会在该路径下创建一个Cordova 项目。 该目录下会有以下所示的文件目录。 使用cd命令进入到该项目路径下，给该项目添加相应的开发平台。 当以上命令执行成功之后， Platforms文件夹下面会多出IOS的文件夹。 在terminal命令行中输入cordova requirements，可以查看当前开发环境中哪些已经安装哪些还没有安装。 系统提示还没有安装ios deploy，而且已经提示