本人采用的是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. Winform导入Excel数据到数据库

    public partial class ImportExcel : Form { AceessHelpers accessHelper = new AceessHelpers(); public I ...

  2. java基础面试题：java中实现多态的机制是什么？

    靠的是父类或接口的引用指向子类或实现类的对象, 调用的方法是内存中正在运行的那个对象的方法.

  3. CURLOPT_PROGRESSFUNCTION

    Author:李强(李祥祥) Date   :2012-12-15 17:26 LIBCURL官方网站都没有说清楚道明白进度函数的参数的作用,这点我感觉文档很片面,经总结如下: size_t CUpl ...

  4. vue2.0中ckeckbox(复选框)的使用心得，及对click事件和change的理解

    最近在公司项目中使用vue2.0做开发,在使用checkbox时遇到了一些问题,首先我们先了解一下需求. 如上如所示,在上方复选框被点击时,更改下方p标签的文本内容为:复选框已被选中.并将p标签文字颜 ...

  5. rand()和srand()

    C++中rand() 函数的用法 1.rand()不需要参数,它会返回一个从0到最大随机数的任意整数,最大随机数的大小通常是固定的一个大整数. 2.如果你要产生0~99这100个整数中的一个随机整数, ...

  6. Ubuntu 下使用虚拟串口进行开发测试

    1. python 工具 #coding = utf-8 import pty import os import select def mkpty(): master1, slave = pty.op ...

  7. Nginx 如何处理一个请求

    基于名字的虚拟主机 Nginx首先选定由哪一个虚拟主机来处理请求.让我们从一个简单的配置(其中全部3个虚拟主机都在端口*:80上监听)开始: server { listen 80; server_na ...

  8. ES6箭头函数基本用法

    ES6箭头函数基本用法 ``` window.onload = function(){ alert(abc); } //箭头函数 window.onload = ()=>{ alert(&quo ...

  9. Python读取内容UnicodeDecodeError错误

    1.错误现象 环境:Python3.7 描述: 用open方法获取文件句柄: 用read/readlines方法一次读取文件所有内容: 尝试了编码GB2312/GBK/GB18030/UTF-8,发现 ...

  10. 09.1.VUE学习之watch监听属性变化实现类百度搜索栏功能ajax异步请求数据,返回数组

    09.1html里 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> < ...