EXTjs 入门

准备工作

下载Sencha Ext JS的SDK,本文中使用的是开源的GPL的6.2.0版本

下载Sencha Cmd,这个是免费的,本文中使用的是MAC版带JRE的6.1.2版本

EXTjs 解压目录:/Users/juniu/ext-6.2.0

新建项目文件夹Cloudfactory ,目录为/Users/juniu/Documents/Codes/Cloudfactory


开始创建程序吧。

打开cmd命令行,使用sencha [-sdk SDK所在目录] generate app [-classic|-modern] AppName App目录命令来创建项目。

sencha  -sdk  /Users/juniu/ext-6.2.0 generate  app -classic Cloudfactory /Users/juniu/Documents/Codes/Cloudfactory

-sdk /Users/juniu/ext-6.2.0 指明Ext JS SDK的所在目录,如果运行命令行的所在目录就是SDK目录(/Users/juniu/ext-6.2.0),则可以省略

-classic|-modern可以省略,Ext JS的6.0版本其中一个主要的更新就是把Ext JS和Touch合并,在创建时可以选择哪一种类型,classic对应Ext JS,而modern对应Touch。如果省略,则创建所谓的universal类型,即classic和modern并存。在本文中演示的是桌面端程序,所以我们选择classic。

Cloudfactory是项目名称,也将作为该项目的namespace。

/Users/juniu/Documents/Codes/Cloudfactory是项目名录


从命令进入项目目录/Users/juniu/Documents/Codes/Cloudfactory,并输入命令sencha app watch

cd  /Users/juniu/Documents/Codes/Cloudfactory

sencha app watch

出现Waiting for changes…提示表示就可以访问了,

sencha app watch会启动内置的jetty服务器,可以使我们方便地通过http://localhost:1841/来查看页面。而且watch会监听项目目录中的文件变化而自动build。

这时候打开http://localhost:1841/会看到Cmd自动创建的默认首页长这样子。6.x版新增加的Triton主题和以前的主题有明显的不同。


学习文章

http://blog.csdn.net/yuanzhihuipengyou/article/details/50775798

你可能感兴趣的:(EXTjs 入门)