Sencha Touch - 环境

本地环境设置

本节指导您如何在您的机器上下载和设置 Sencha Touch。请按照步骤设置环境。

下载库文件

从以下链接下载 Sencha Touch 库文件的商业版本 https://www.sencha.com。您将在您的注册邮箱中收到试用版，这是一个名为 sencha-touch-2.4.2-commercial 的压缩文件夹。

解压文件夹，您将找到各种 JavaScript 和 CSS 文件，可以包含在您的应用程序中。主要包含以下文件：

JavaScript 文件 - 您可以在 \sencha-touch-2.4.2-commercial\touch-2.4.2 文件夹下找到的 JS 文件：

序号	文件及描述
1	sencha-touch.js 这是包含运行应用程序所有功能的核心文件。
2	sencha-touch-all.js 此文件包含所有已压缩的代码，文件中没有注释。
3	sencha-touch-debug.js 这是 sencha-touch-all.js 的未压缩版本，用于调试。
4	sencha-touch-all-debug.js 此文件也是未压缩的，用于开发目的，因为它包含所有注释和控制台日志，用于检查任何错误/问题。

您可以将这些文件添加到项目的 JS 文件夹中，也可以提供系统中文件所在的直接路径。

CSS 文件 - 您可以在 I:\sencha touch\sencha-touch-2.4.2-commercial\touch-2.4.2\resources\css\sencha-touch.css 文件夹下找到许多基于主题的文件

这些库文件将在 Sencha Touch 应用程序中添加如下：

<html>
   <head>
      <script type = "text/javascript" src = "../sencha-touch-2.4.2-commercial/touch-2.4.2/sencha-touch-all.js"></script>  
      <link href = "../sencha-touch-2.4.2-commercial/touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" />
      <script type ="text/javascript" src = "app.js" > </script> 
   </head>
</html>

您可以将 Sencha Touch 应用程序代码保存在 app.js 文件中。

CDN 设置

CDN 是内容分发网络，使用它您无需下载 Sencha Touch 库文件，而可以直接将 ExtJS 的 CDN 链接添加到您的程序中，如下所示：

<html>
   <head>
      <script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch-all.js"></script>    
      <link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel="stylesheet" />
      <script type = "text/javascript" src = "app.js" > </script> 
   </head>
</html>

常用编辑器

因为它是一个用于开发 Web 应用程序的 JavaScript 框架，所以项目将包含 HTML、JS 文件，要编写您的 Ext JS 程序，您将需要一个文本编辑器。市场上有许多 IDE 可用。但目前，您可以考虑以下其中一种：

记事本 - 在 Windows 机器上，您可以使用任何简单的文本编辑器，例如记事本（本教程推荐）、Notepad++。
Brackets - 另一个流行的 IDE，可以从 http://brackets.io/ 下载。
Sublime - 另一个流行的 IDE，可以从 https://text.sublime.net.cn/3/ 下载。

打印页面