Sencha Touch:环境

本地环境设置

本节指导您如何在计算机上下载和设置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
这是核心文件,其中包含运行该应用程序的所有功能。
2sencha-touch-all.js
该文件包含压缩后的所有代码,且文件中没有注释。
3sencha-touch-debug.js
这是sencha-touch-all.js的最小版本,用于调试。
4sencha-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

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年1月25日 下午9:10
下一篇 2021年1月25日 下午9:13

相关推荐

发表回复

登录后才能评论