Sencha Touch - 环境
本地环境设置
本部分将指导您如何在您的机器上下载和设置 Sencha Touch。请按照步骤设置环境。
下载库文件
从以下链接下载商业版 Sencha Touch 库文件 https://www.sencha.com。您将从您注册的邮件 ID 上的站点获取试用版，该试用版是一个名为 sencha-touch-2.4.2-commercial 的压缩文件夹。
解压该文件夹，您将找到要包含在您的应用程序中的各种 JavaScript 和 CSS 文件。主要包括以下文件 −
Javascript 文件 −您可以在文件夹 \sencha-touch-2.4.2commercial ouch-2.4.2 下找到的 JS 文件的值为 −
| Sr.No | 文件 &描述 |
|---|---|
| 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 ouch-2.4.2 esources\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://www.sublimetext.com/3/ 下载。
