📜  Ext.js-环境设置

📅  最后修改于: 2020-10-25 11:14:14             🧑  作者: Mango


本地环境设置

本节指导您如何在计算机上下载和设置Ext JS。请按照以下步骤设置环境。

下载库文件

从Sencha https://www.sencha.com下载Ext JS库文件的试用版。您将从您注册的邮件ID的网站上获得试用版,该版本将是名为ext-6.0.1-trial的压缩文件夹。

解压缩该文件夹,您将找到各种JavaScript和CSS文件,这些文件将包含在我们的应用程序中。我们将主要包括以下文件-

JavaScript文件-您可以在\ ext-6.0.1-trial \ ext6.0.1 \ build文件夹下找到的JS文件是-

Sr.No File & Description
1

ext.js

This is the core file which contains all the functionalities to run the application.

2

ext-all.js

This file contains all the code minified with no comments in the file.

3

ext-all-debug.js

This is the unminified version of ext-all.js for debugging purpose.

4

ext-all-dev.js

This file is also unminified and is used for development purpose as it contains all the comments and console logs to check any errors/issue.

5

ext-all.js

This file is used for production purpose mostly as it is much smaller than any other.

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

CSS文件-有很多基于主题的文件,您可以在文件夹\ ext6.0.1-trial \ ext-6.0.1 \ build \ classic \ theme-classic \ resources \ theme-classic-all.css下找到

  • 如果要使用桌面应用程序,则可以在文件夹\ ext-6.0.1-trial \ ext-6.0.1 \ build \ classic下使用经典主题

  • 如果我们要使用移动应用程序,则可以使用现代主题,这些主题可以在文件夹\ ext-6.0.1-trial \ ext-6.0.1 \ build \ modern下找到

以下库文件将添加到Ext JS应用程序中。


      
      
   

您将ExtJS应用程序代码保存在app.js文件中。

CDN设定

CDN是内容交付网络,您无需使用它即可下载Ext JS库文件,而是可以将ExtJS的CDN链接直接添加到程序中,如下所示-


      
       
   

热门编辑

由于它是一个JavaScript框架,用于开发Web应用程序,因此在我们的项目中,我们将拥有HTML,JS文件。要编写我们的Ext JS程序,我们需要一个文本编辑器。市场上甚至有多个IDE。但是现在,我们可以考虑以下之一-

  • 记事本-在Windows计算机上,您可以使用任何简单的文本编辑器,例如记事本(本教程推荐),记事本++,崇高功能。

  • Eclipse-这是由eclipse开源社区开发的IDE,可以从https://www.eclipse.org/下载。

浏览器

Ext JS支持跨浏览器兼容性,它支持所有主流浏览器,例如-

  • IE 6以上
  • Firefox 3.6及更高版本
  • Chrome10及以上
  • Safari 4及更高版本
  • Opera 11及以上

您可以使用任何浏览器来运行Ext JS应用程序。