Extjs5的发布已经有些日子了，目前的最新版本是Extjs5.0.1，我们可以在官方网站进行下载。（这里不得不提一句，Extjs5到目前为止还没有免费的授权，所以下载到的版本是试用版。）
下载到的压缩包解压以后，你会看到一大堆的文件夹和文件，我们该如何使用Extjs5呢？
之前看到过别人说的通过Sencha CMD创建Extjs5项目，但个人觉得那种方式并不适合我们目前的开发模式。我说做ASP.NET的，需要在ASP.NET MVC或WebForm中使用Extjs，所以绝对不上简单的通过Sencha CMD 生成Extjs5项目那么简单。
首先，我们要找到有用的资源。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诞生就存在的两个主题。
了解完这些文件夹之后，我们就开始创建一个页面，然后在页面中引入extjs，并完成一个helloworld示例来结束本篇内容。
创建Hello World示例在Visual studio 2012中，我们创建一个空Web应用程序，将经过删除的extjs放入项目中，我们的目录结构如下：
然后在index.html文件中，添加extjs的引用：
> <> <="stylesheet" />首先添加的是ext-all.js，这个是extjs的核心脚本，包含了所有的控件。
然后的第二行，我们引入了本地化语言包，语言包是在ext-locale文件夹中的。
最后，在第三行中，我们引入了Extjs的主题。extjs的主题是通过添加对主题文件夹下的css引用来完成的。我们这里使用的是extjs5新添加的主题。
在引用完成之后，我们就可以编辑自己的代码了，下面的我们添加的Hello World代码：
="text/javascript"> Ext.onReady(function () { Ext.MessageBox.alert(); });在浏览器中打开index.html文件：
浏览器中会弹出如图的提示窗口，如果你也看到了这个窗口，说明你的引用的正确的，Extjs5已经可以正常使用了。
在文章的最后，给出本节示例的源代码。>>点击这里下载
相关文章
精彩导读
热门资讯
关注我们
