首先，我們要找到有用的資源
Extjs是開源的（雖然Extjs5沒有免費版），我們下載到的文件包含了源代碼，我們要在這堆源代碼中找到Extjs5的真正需要引用的文件。
這些文件在build文件夾下。我們首先需要引用的是ext.all.js，這個文件包含了所有Extjs的控件，它是經過壓縮處理過的，目前的大小是1.85M，仍然比較龐大。
然后，我們會看到bootstrap.js，關於這個文件的介紹，大家可以參考我之前的文章《bootstrap.js 工作方式》。
然后是packages文件夾，這個文件夾下面包含了extjs的主題、語言包等，我們需要找到有用的內容，下面的截圖是我刪除了無用的之后得到的：
ext-aria和ext-charts我們目前不會用到，先保留下來備用。
ext-locale是本地化語言包，我們只保留里面的ext-locale-zh_CN.js，這個是簡體中文語言包。
接 下來的四個文件夾都是extjs的主題包，分別是經典主題、清新主題、灰色主題和海王星主題，其中ext-theme-crisp（清新主題）是 extjs5新增的；ext-theme-neptune（海王星主題）是extjs4中新增的。經典主題和灰色主題大家會比較熟悉，從extjs誕生就 存在的兩個主題。
創建Hello World示例
然后在index.html文件中，添加extjs的引用：
<script src="res/ext-5.0.1-min/ext-all.js"></script> <script src="res/ext-5.0.1-min/packages/ext-locale/ext-locale-zh_CN.js"></script> <link href="res/ext-5.0.1-min/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css" rel="stylesheet" />
首先添加的是ext-all.js，這個是extjs的核心腳本，包含了所有的控件。
然后的第二行，我們引入了本地化語言包，語言包是在ext-locale文件夾中的。
最后，在第三行中，我們引入了Extjs的主題。extjs的主題是通過添加對主題文件夾下的css引用來完成的。我們這里使用的是extjs5新添加的主題。
在引用完成之后，我們就可以編輯自己的代碼了，下面的我們添加的Hello World代碼：
<script type="text/javascript"> Ext.onReady(function () { Ext.MessageBox.alert("提示", "Hello World"); }); </script>
在瀏覽器中打開index.html文件。