本人采用的是ExtJs4.2版本，采用WebStorm作为IDE开发工具

目录说明

builds：压缩后的ExtJs代码

docs：文档

examples：官方示例

locale：多国语言的资源文件

src：未压缩过的源码

bootstrap.js：ExtJs库的引导文件，通过参数可以自动切换ext-all.js和ext-debug.js

ext-all.js：核心库

ext-all-debug.js：ext-all.js的调试版本

packages：ExtJs各部分功能的打包文件

resources：CSS和图片文件

基本引入

开发的时候，有些文件是必须引入的

1、       resources：ExtJs各种样式

2、       ext-all.js：核心库

3、       ext-all-debug.js：调试模式

4、       ext-lang_zh_CN.js：本地化

5、       bootstrap.js：根据当前的模式，引入不同的文件，相当于库引导文件【在ext-all.js与ext-all-dev.js之间进行切换】

5、　　 ext-all-dev.js：开发模式

HelloWorld演示

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>ExtJs HelloWorld</title>

     <!--extJs的样式-->

     <link type="text/css" rel="stylesheet" href="../resources/extJs/resources/css/ext-all.css" />

     <!--extJs的核心文件  也可以使用 bootstrap.js 让它自己判断导入何种类型的核心库文件-->

     <script type="text/javascript" charset="utf-8" src="../resources/extJs/ext-all-debug.js"></script>

     <!--国际化文件-->

     <script type="text/javascript" charset="utf-8" src="../resources/extJs/locale/ext-lang-zh_CN.js"></script>

     <script type="text/javascript" charset="utf-8" src="01_HelloWorld.js"></script>

 </head>

 <body>

 </body>

 </html>

HelloWorld.html

 /**

  * Created by sherry on 16/8/14.

  */

 Ext.onReady(function () {

     Ext.MessageBox.alert("提示信息!","Hello World!");

 });

HelloWorld.js

运行效果：

环境说明与HelloWorld的更多相关文章

  1. Scala深入浅出实战经典---001-Scala开发环境搭建和HelloWorld解析

    001-Scala开发环境搭建和HelloWorld解析 Scala 函数式编程和面向对象结合的语言 函数式编程擅长数值计算 面向对象擅长大型工程和项目的组织以及团队的分工协作 Scala会是下一个伟 ...

  2. Android开发-环境搭建以及HelloWorld

    最近开始进行Android的开发,没有基础完全从0开始.   首先,知道Android开发的官方网站: http://developer.android.com/index.html 网站本身教程非常 ...

  3. 【Android开发】之Android环境搭建及HelloWorld

    原文链接:http://android.eoe.cn/topic/android_sdk Android开发之旅:环境搭建及HelloWorld Android开发之旅:环境搭建及HelloWorld ...

  4. Android最简单的实例 ：环境搭建及HelloWorld

    Android开发之旅:环境搭建及HelloWorld 2010-04-12 00:45 by 吴秦, 883961 阅读, 140 评论, 收藏,  编辑 ——工欲善其事必先利其器 引言 本系列适合 ...

  5. Win7 Eclipse 搭建spark java1.8(lambda)环境：WordCount helloworld例子

    [学习笔记] Win7 Eclipse 搭建spark java1.8(lambda)环境:WordCount helloworld例子 lambda表达式是java8给我们带来的一个重量的新特性,借 ...

  6. Win7 Eclipse 搭建spark java1.8环境：WordCount helloworld例子

    [学习笔记] Win7 Eclipse 搭建spark java1.8环境:WordCount helloworld例子在eclipse oxygen上创建一个普通的java项目,然后把spark-a ...

  7. Win7 Eclipse 搭建spark java1.8编译环境,JavaRDD的helloworld例子

    [学习笔记] Win7 Eclipse 搭建spark java1.8编译环境,JavaRDD的helloworld例子: 在eclipse oxygen上创建一个普通的java项目,然后把spark ...

  8. struts2学习笔记--动手搭建环境+第一个helloworld项目

    在Myeclipse中已经内置好了struts2的环境,但是为了更好的理解,这里自己从头搭建一下: 前期准备:下载struts2的完整包,下载地址:https://struts.apache.org/ ...

  9. 转:Android开发之旅：环境搭建及HelloWorld

    http://www.cnblogs.com/skynet/archive/2010/04/12/1709892.html 引言 本系列适合0基础的人员,因为我就是从0开始的,此系列记录我步入Andr ...

  10. Android开发之旅：环境搭建及HelloWorld

    引言 本系列适合0基础的人员,因为我就是从0开始的,此系列记录我步入Android开发的一些经验分享,望与君共勉!作为Android队伍中的一个新人的我,如果有什么不对的地方,还望不吝赐教. 在开始A ...

随机推荐

  1. Java环境变量搭建（Windows环境）

    变量名:JAVA_HOME 变量值:C:\Program Files (x86)\Java\jdk1.8.0_91        // 要根据自己的实际路径配置 变量名:CLASSPATH 变量值:. ...

  2. [C++]#if !defined 的作用

    当你用VC的菜单新增一个类,你会发现自动生成的代码总是类似下面的样子: #if !defined(AFX_XXXX__INCLUDED_) #define  AFX_XXXX__INCLUDED_ 具 ...

  3. Linux yum安装

    一．安装Apache软件步骤:1.安装 yum install httpd 2.启动,关闭 重启等命令systemctl start httpd.service(启动)systemctl restar ...

  4. 如何使用工具进行C/C++的内存泄漏检测

    系统编程中一个重要的方面就是有效地处理与内存相关的问题.你的工作越接近系统,你就需要面对越多的内存问题.有时这些问题非常琐碎,而更多时候它会演变成一个调试内存问题的恶梦.所以,在实践中会用到很多工具来 ...

  5. 转载：java分布式服务框架Dubbo的介绍与使用

    1. Dubbo是什么? Dubbo是一个分布式服务框架,致力于提供高性能和透明化的RPC远程服务调用方案,以及SOA服务治理方案.简单的说,dubbo就是个服务框架,如果没有分布式的需求,其实是不需 ...

  6. 21.VUE学习之-操作data里的数组变异方法push&unshit&pop&shift的实例应用讲解

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. python 正则表达式与JSON字符串

    目录 正则表达式 概括单字符集 匹配单字符 匹配字符集 普通字符与元字符 元字符和普通的字符的混用 数量词{整数|*|+|?} 匹配指规则的字母 贪婪模式 匹配指定长度的字符串 非贪婪模式 匹配指定长 ...

  8. awk速查手册

    简介awk是一个强大的文本分析工具,相对于grep的查找,sed的编辑,awk在其对数据分析并生成报告时,显得尤为强大.简单来说awk就是把文件逐行的读入,以空格为默认分隔符将每行切片,切开的部分再进 ...

  9. Mongodb内嵌对象关联查询

    db.-10-30T00:00:00Z"),"$lt":ISODate("2018-10-30T23:59:00Z")}, "equip.$ ...

  10. Why I get “No connection associated with this command”?