Mac环境下搭建Sencha Touch 2 开发环境教程

"这篇教程介绍了如何在Mac环境下搭建Sencha Touch 2的开发环境，包括安装Apache Tomcat作为Web服务器，安装Sencha Cmd工具，设置环境变量，安装Sencha Touch 2 SDK，以及创建和运行第一个WebApp。" 在深入讨论Sencha Touch 2之前，先了解一些基础概念。Sencha Touch 2是一个用于构建移动应用程序的JavaScript框架，它提供了丰富的UI组件和强大的数据管理功能，支持多种移动设备和浏览器。这个框架使得开发者可以用单一的技术栈开发跨平台的原生感观的应用程序。 1. **安装Web Server (Apache Tomcat)** - Apache Tomcat是一个开源的Java Servlet容器，用于部署和运行Java Web应用程序。在Mac上，可以通过Terminal使用`sudo sh startup.sh`启动Tomcat，`sudo sh shutdown.sh`关闭服务。如果遇到权限问题，可以使用`sudo chmod 755 bin/*.sh`命令赋予文件执行权限。 2. **安装Sencha Cmd** - Sencha Cmd是Sencha提供的命令行工具，用于自动化Sencha Touch应用的构建过程，包括生成项目结构、编译代码、压缩资源等。双击安装后，需要在Terminal设置环境变量，确保PATH包含Sencha Cmd的路径。由于系统级环境变量配置复杂，可以选择在个人的`~/.bash_profile`文件中添加PATH。 3. **安装Sencha Touch 2 SDK** - 解压缩SDK后，将其复制到Tomcat的`webapps`目录下。访问`localhost:8080/touch-2.2.1/SETUP.html`验证SDK已正确安装。 4. **创建第一个WebApp** - 使用`sencha generate app hello_world ../hello_world`命令在指定目录下生成名为“hello_world”的新应用。这会自动生成应用的基础结构，包括模型、视图、控制器等。 5. **运行WebApp** - 创建应用后，需要重启Tomcat服务，然后通过浏览器访问`localhost:8080/hello_world`查看应用。这表明开发环境已经成功搭建。 6. **编写HelloWorld应用** - 在创建的应用目录下，开发者需要根据Sencha Touch 2的MVC架构编写代码，包括修改视图（views）中的HTML和CSS，控制器（controllers）中的逻辑，以及模型（models）和存储（stores）来处理数据。 总结来说，本教程提供了一种详细的方法，帮助开发者在Mac上快速搭建Sencha Touch 2的开发环境，并完成第一个简单的WebApp。Sencha Touch 2的开发者需要对JavaScript、HTML5和CSS3有一定的理解，同时熟悉使用命令行工具和MVC模式编程。随着对Sencha Touch 2的深入学习，开发者能够构建更复杂、功能丰富的移动应用。