尝试在线选项
我们已经在线设置了extjs编程环境，以便您可以在线编译和执行所有可用的示例。 它给你对你正在阅读的信心，并使您能够使用不同的选项验证程序。 随意修改任何示例并在线执行。
请尝试以下示例:
<!doctype html> <html> <head> <link href="https://cdn.bootcss.com/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet"> <script class="lazy" data-original="https://cdn.bootcss.com/extjs/6.0.0/ext-all.js"></script> <script type="text/javascript"> ext.onready(function() { ext.create('ext.panel', { renderto: 'helloworldpanel', height: 100, width: 200, title: 'hello world', html: 'first ext js hello world program' }); }); </script> </head> <body> <div id="helloworldpanel"></div> </body> </html>
本节将指导您如何在机器上下载和设置ext js。 请按照步骤设置环境。
从sencha https://www.sencha.com下载ext js库文件的试用版本 。 您将从您的注册邮件id上的网站获取试用版，这将是一个名为ext-6.0.1-trial的压缩文件夹。
解压缩文件夹，你会发现各种javascript和css文件，你将包括在我们的应用程序。 主要包括以下文件:
您可以在文件夹\\ ext-6.0.1-trial \\ ext-6.0.1 \\ build下找到的（1）javascript文件 js文件是:
| 文件和描述 |
|---|
| ext.js 这是核心文件，其中包含运行应用程序的所有功能。 |
| ext-all.js 此文件包含在文件中没有注释的所有缩小的代码 |
| ext-all-debug.js 这是ext-all.js的未分级版本，用于调试目的。 |
| ext-all-dev.js 此文件也未分级，用于开发目的，因为它包含所有注释和控制台日志，以检查任何错误/问题 |
| ext-all.js 这个文件用于生产目的，主要是因为它比任何其他小得多。 |
您可以将这些文件添加到您的项目js文件夹，或者您可以给出文件驻留在系统中的直接路径。
（2）css文件有多个基于主题的文件，您可以在文件夹\\ ext-6.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 href="https://cdn.bootcss.com/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet">
<script class="lazy" data-original="https://cdn.bootcss.com/extjs/6.0.0/ext-all.js"></script>
<script type ="text/javascript" src = "app.js" > </script>
</head>
</html>
您将在app.js文件中保留extjs应用程序代码。
cdn是内容交付网络，您不需要下载ext js库文件，您可以直接添加extjs的cdn链接到您的程序，如下所示:
<html>
<head>
<link href="https://cdn.bootcss.com/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet">
<script class="lazy" data-original="https://cdn.bootcss.com/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机器上，您可以使用任何简单的文本编辑器，如记事本（推荐用于本教程），记事本++，sublime。
eclipse：是由eclipse开源社区开发的一个ide，可以从
http://www.eclipse.org/下载。
ext js支持跨浏览器兼容性，它支持所有主要浏览器：
ie 6及以上
firefox 3.6及更高版本
chrome10及更高版本
safari 4及以上
opera 11及以上
您可以使用任何浏览器运行ext js应用程序。
