Ext.js - 环境设置

本地环境设置

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

下载库文件

从 Sencha 下载 Ext JS 库文件的试用版本 https://www.sencha.com。您将在注册的邮件 ID 上收到网站上的试用版本，它将是一个名为 ext-6.0.1-trial 的压缩文件夹。

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

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

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

您可以将这些文件添加到项目的 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 应用程序中。

<html>
   <head>
      <link rel = "stylesheet" type = "text/css" 
         href = "..\ext-6.0.1-trial\ext-6.0.1\build\classic\theme-classic\resources\theme-classic-all.css" />
      <script type = "text/javascript" 
         src = "..\ext-6.0.1-trial\ext-6.0.1\build\ext-all.js" > </script>
      <script type = "text/javascript" src = "app.js" > </script>
   </head>
</html>

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

CDN 设置

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

<html>
   <head>
      <link rel = "stylesheet" type = "text/css" 
         href = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-crisp/resources/theme-crisp-all.css" / >
      <script type = "text/javascript" 
         src = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"> </script>
      <script type = "text/javascript" src = "app.js" > </script> 
   </head>
</html>

流行的编辑器

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

记事本 - 在 Windows 机器上，您可以使用任何简单的文本编辑器，例如记事本（本教程推荐）、Notepad++、sublime。
Eclipse - 它是由 Eclipse 开源社区开发的 IDE，可以从 https://www.eclipse.org/ 下载。

浏览器

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

IE 6 及更高版本
Firefox 3.6 及更高版本
Chrome 10 及更高版本
Safari 4 及更高版本
Opera 11 及更高版本

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

打印页面