關於ExtJS 是什么我就不多說了，本系列教程將介紹ExtJS 4.2的用法，這是本系列的第一篇，慣例從Hello World開始。
下載 ExtJS
ExtJS 目前的最新版本是 4.2，我們可以從官方網站下載最新版本的ExtJS。
下載地址：http://cdn.sencha.com/ext/gpl/ext-4.2.1-gpl.zip
官網地址：http://www.sencha.com/products/extjs
下載完成以后，我們就得到了ExtJS 的源代碼、API文檔，以及示例內容。我們先將壓縮包解壓縮，然后在IIS中新建一個網站，網站路徑指向ExtJS 的目錄，這樣方便我們瀏覽ExtJS的文檔等內容。不懂新建網站的朋友請自行百度谷歌。
我是在IIS 的Default Web Site中新建應用程序，使用默認的應用程序池，建好以后如下圖：
我們瀏覽一下網站：
在ASP.NET MVC 中使用ExtJS 4.2
由於我本人是做ASP.NET Web 開發的，所以我在本教程中使用 ASP.NET MVC 作為示例，開發工具自然是微軟的Visual Studio 2012（你也可以在任意的Web頁面中使用ExtJS，作為一個JS庫，它不受Web 服務器端開發的限制）。
首先我們新建一個ASP.NET MVC 4 應用程序，名稱為 SampleExtJS。
然后在項目中添加一個文件夾“Resources”，我們將項目中所有用到的js、css、image等資源文件都放在這個文件夾中。
在js目錄中新建ExtJS_4.2文件夾，用來存放ExtJS 4.2 的相關資源：
如果將所有的文件都添加到項目中，很明顯是有些龐大了，所以我們可以添加用到的內容，簡化后的目錄結構如下：
接下來我們要在layout.cshtml 頁面中添加引用。在使用ExtJS的時候，我們必須要引用腳本和樣式兩部分。腳本的內容可以通過bootstrap.js來自動添加，而樣式則需要我們手動的來添加了，例如我們要在項目中使用neptune樣式（neptune 是在4.2中新增的樣式，看上去比較現代一些，但不支持IE6），那么我們需要引入的文件如下：
<link href="~/Resources/js/ExtJS_4.2/resources/css/ext-all-neptune.css" rel="stylesheet" /> <script src="~/Resources/js/ExtJS_4.2/bootstrap.js"></script>
完整的Layout代碼如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <title>@ViewBag.Title</title> <link href="~/Resources/js/ExtJS_4.2/resources/css/ext-all-neptune.css" rel="stylesheet" /> <script src="~/Resources/js/ExtJS_4.2/bootstrap.js"></script> @RenderSection("script", false) </head> <body> @RenderBody() </body> </html>
Hello ExtJS
在引入文件后，我們要測試一下ExtJS 是否正常的工作了。在Views>Home>Index.cshtml中，我們為script 節添加內容：
@section script{ <script type="text/javascript"> function init() { Ext.MessageBox.alert("ExtJS", "Hello ExtJS"); } Ext.onReady(init); </script> }
同樣在IIS中為Default Web Site 添加應用程序，路徑為我們剛建好的SampleExtJS的根目錄。然后瀏覽網站：
本地化ExtJS
在我們保留的ExtJS文件中，有一個locale目錄，我們保留了其中的 ext-lang-zh_CN.js 文件，這個文件是我們漢語的本地化文件，我們只需要添加該文件的引用，就能夠輕松的實現ExtJS的本地化：
<script src="~/Resources/js/ExtJS_4.2/locale/ext-lang-zh_CN.js"></script>
將這段代碼添加到Layout文件中，然后刷新頁面：
剛才的OK 現在變成了“確定”。