本人采用的是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. IOS AppDelegate常用方法

    // 当应用程序启动完毕的时候就会调用(系统自动调用) - (BOOL)application:(UIApplication *)application didFinishLaunchingWithO ...

  2. Java 集合框架_上

    集合框架被设计成要满足以下几个目标. 该框架必须是高性能的.基本集合(动态数组,链表,树,哈希表)的实现也必须是高效的. 该框架允许不同类型的集合,以类似的方式工作,具有高度的互操作性. 对一个集合的 ...

  3. python_38_try-except异常处理语句及raise的使用

    # i=10 # print(30/(i-10)) # #程序将会出现以下报错信息 # # Traceback (most recent call last): # # File "C:/U ...

  4. python 读取mat文件

    import osimport scipy.io as sio import numpy as np #matlab文件名 matfn='/home/user/devkit/data/meta_det ...

  5. APCInject

    #include <iostream> #include <Windows.h> #include <TlHelp32.h> using namespace std ...

  6. 爬虫学习(三)——get请求参数解析

    get请求:        用户输入搜索的内容,发送请求,将请求的内容保存起来.        get请求的本质是在地址栏中输入参数进行的一种请求方式. 解析参数使用urllib.parse impo ...

  7. .net core 获取浏览器UserAgent

    这两天由于自己公司的机器磁盘不够用了,果断把VS2015卸载了,只留下VS2017 当我打开一个以前一个很简单的MVC4.0的项目时候 温馨提示要安装MVC4,我犹豫了一下,还是点了安装,接下来提示要 ...

  8. python---列表(list)基本操作

    列表基本操作:增.删.查.改等其他操作 创建列表: list1 = ["a","b","c","d"] name_lis ...

  9. SpringBoot-Security-用户权限分配-项目搭建

    SpringBoot原则是约定优于配置,简化spring应用开发,去繁从简,产品级别的应用. SpringBoot有哪些优点1.快速创建独立运行的spring项目与主流框架集成 2.使用嵌入式的ser ...

  10. 04vim的使用

    linux常用命令 workon 查看已经安装的虚拟环境 deactivate 退出虚拟环境 whoami 查看用户 sudo bash install.sh 添加权限 pwd 查看在那个路径下 cd ...