本人采用的是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. Android（java）学习笔记74：ListViewProject案例（ListView + ArrayAdapter）

    1. 首先是MainActivity.java文件,如下: package com.himi.lv1; import java.util.ArrayList; import java.util.Lis ...

  2. 【HDU1542】Atlantis （扫描线的经典运用）

    点此看题面 大致题意: 给你\(N\)个矩形,请你求出它们覆盖的面积(重叠的面积只算一次). 扫描线 这道题是一道典型的求矩形面积并问题,是扫描线的一个经典运用.这里就不赘述了. 代码 #includ ...

  3. 2018.5.22 Oracle安装配置在虚拟机中外部电脑连接服务

    1.拷贝老师的集成文件(win系统和oracle服务) 2.安装虚拟机,并且打开镜像文件 3.启动监听程序(实例服务[自动].监听服务) 4.查看虚拟机ip,此ip要主机ip在同一个网段 5.检查虚拟 ...

  4. CPP-基础：C_C++变量命名规则

    C_C++变量命名规则 变量命名规则是为了增强代码的可读性和容易维护性.以下为C++必须遵守的变量命名规则: 1. 变量名只能是字母(A-Z,a-z)和数字(0-9)或者下划线(_)组成. 2. 第一 ...

  5. Scanner和 Random类，控制语句的例题，商品管理（直接赋值）

    Scanner类的使用: import java.util.Scanner; class Demo02 { public static void main(String[] args) { //1.导 ...

  6. ubuntu web server ipython notebook install

    http://blog.csdn.net/yehuohan/article/details/51389966 ipython notebook installhttp://blog.csdn.net/ ...

  7. angular2的生命周期钩子的使用情况

    angular 2 Directive Lifecycleangular2 中组建继承于指令,并扩展了与ui视图相关的属性.angular2 指令的生命周期是用来记录指令从创建,应用及销毁的过程.an ...

  8. python 实现无序列表

    # -*- coding:utf-8 -*- class Node: def __init__(self, initdata): self.data = initdata self.next = No ...

  9. 【CodeBase】PHP检查未知媒体文件的格式

    用法: <?php $filefullpath="F:/test/2awd45wr1e5fef5e5"; echo Format::check($filefullpath,[ ...

  10. Python9-前端基础知识-day47

    web开发本质: 1.浏览器输入网址回车都发生了什么? 1.浏览器给服务端发送一个消息 2.服务端拿到消息 3.服务端返回消息 4.浏览器展示页面C/S架构----B/S架构客户端和服务端 消息的格式 ...