Ext.js - 环境设置
本地环境设置
本部分将指导您如何在您的机器上下载和设置 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 | 文件和说明 |
|---|---|
| 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 heme-classic esources heme-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 heme-classic
esources heme-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 及以上版本
- Chrome10 及以上版本
- Safari 4 及以上版本
- Opera 11 及以上版本
您可以使用任何浏览器运行 Ext JS 应用程序。
