本地环境设置
本节指导您如何在计算机上下载和设置Sencha Touch。请按照以下步骤设置环境。
下载库文件
从以下链接https://www.sencha.com下载商业版本的Sencha Touch库文件。您将从注册的邮件ID上从网站获得试用版,该版本将是一个名为sencha-touch-2.4.2-commercial的压缩文件夹。
解压缩文件夹,您会发现各种JavaScript和CSS文件包含在您的应用程序中。主要包括以下文件-
Javascript文件-您可以在文件夹\ sencha-touch-2.4.2commercial \ 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。但是现在,您可以考虑以下之一:
- Notepad – 在Windows计算机上,您可以使用任何简单的文本编辑器,例如记事本(本教程推荐),记事本++。
- Brackets – 另一个流行的IDE,可以从以下位置下载http://brackets.io/。
- Sublime – 另一个流行的IDE,可以从以下位置下载https://www.sublimetext.com/3/
作者:terry,如若转载,请注明出处:https://www.web176.com/senchatouch/1663.html