1、手把手教你Extjs5(一)搭建ExtJS5环境
Ext JS 5 的主要特性包括:
- 新的数据绑定方式
- 新增支持 MVVM 模式,并且依然支持 MVC 模式
- 对手持设备更友好,针对触屏设备进行优化
- 新的主题 Crisp / Neptune Touch(针对触屏优化)
- Routing / URI
- 抛弃对超旧浏览器的支持,目前支持 IE 8+ / Safari 6+ / Opera 12+ /Firefox / Chrome / Safari iOS 6+ / Chrome Android 4.1+ / IE 10+ Win 8
- 抛弃旧浏览器带来的性能提升
- Widgets
- 新的组件(如 Tagfield 等)
Sencha Cmd 5 with ExtJS 5 的注意事项
下面我先来分享一下我在使用 Sencha Cmd 5 with ExtJS 5 时候遇到的需要注意的地方:
- 如题所示,ExtJS 5 需要 Sencha CMD 5 ,不再支持 Sencha Cmd 4.x
- Sencha Cmd v5.0.0116 有 BUG ,使用的时候会遇到Ext.Factory.controller is undefined 的问题
- sencha upgrade 命令还没准备好,无法安装最新的 Sencha Cmd v5.0.0.160,而是安装 5.0.0116
Sencha CMD 5 with ExtJS 5
1. 下载并安装 Sencha Cmd
sencha upgrade 无法保证最新的版本(小版本)。
所以请到官方网站: http://www.sencha.com/products/sencha-cmd/download 下载最新版本的 Sencha Cmd,并执行安装。
安装后,需要重启你的终端(命令行面板),才可以启用 Sencha Cmd 5
2. 下载并解压 ExtJS 5 SDK
请到官方网站下载最新的 SDK :https://www.sencha.com/products/extjs/
下载完解压后会得到一个 ext-5.0.0 的包(文件夹形式)
3. 使用 sencha generate app 命令生成 ExtJS 项目环境
需求:安装 Sencha Cmd 5 \ Ruby 1.9.3 \ ExtJS SDK ( Ruby 1.9.3 各平台的安装方式请自行谷歌,Sencha Cmd 4.x 的时候仅支持 Ruby 1.9.3 ,5.x 未验证是否支持其它版本,但支持 5.x )
打开终端(Windows 下是 CMD),然后运行以下命令:
sencha -sdk {pathToSDK} generate app {appName} {pathToProject}
其中 pathtoSDK 是 ExtJS SDK 的路径,appName 是 ExtJS APP 的 app name ,pathToProject 是要生成后要保存的路径
举个例子:
sencha -sdk /Users/lingyired/Documents/framework/ext-5.0.0 generate app fivedemo /Users/lingyired/Documents/extjs/fivedemo
完成之后,/xxx/xxx/extjs5demo 这个目录下,就会有一个 名为 fivedemo 的 ExtJS 5 项目。
4. 如何访问项目
由于 ExtJS 项目使用 XMLHttpRequest 来动态加载不同的 JS 文件,所以项目无法支持直接打开静态的 HTML ,如果你直接打开,可能会得到类似的报错:
*XMLHttpRequest cannot load file:xxx/fivedemo/bootstrap.json. Cross origin requests are only supported for HTTP. *
也就是说,你想要访问这个 demo 项目,就需要一个小型的服务器环境。
而 Sencha Cmd 是支持这个服务的。
先在终端进入到项目的目录:
cd /Users/lingyired/Documents/extjs/fivedemo
然后运行:
sencha web start
然后就可以访问 http://localhost:1841/ 访问这个项目了
sencha web
支持 -port
参数来设定端口,如:
Last. Sencha Cmd 的其它运用
- 使用 Sencha Cmd 的一个重要的原因是它方便项目的打包,使用
sencha app build
就可以打包(代码要规范) - ExtJS Theming 离不开 Sencha Cmd
- ExtJS SDK 的升级
- …
这里不展开说明,大家可以自行谷歌或者查看官方文档。
1、手把手教你Extjs5(一)搭建ExtJS5环境的更多相关文章
- 手把手教你认识并搭建Nginx
手把手教你认识并搭建Nginx Nginx (“engine x”) 是一个高性能的 HTTP 和 反向代理 服务器,也是一个 IMAP/POP3/SMTP 代理服务器. Nginx 是由 Igor ...
- 手把手教你用vue-cli搭建vue项目
手把手教你用vue-cli搭建vue项目 本篇主要是利用vue-cli来搭建vue项目,其中前提是node和npm已经安装好,文章结尾将会简单提到一个简单的例子.使用vue-cli搭建项目最开始我也是 ...
- 沉淀,再出发——手把手教你使用VirtualBox搭建含有三个虚拟节点的Hadoop集群
手把手教你使用VirtualBox搭建含有三个虚拟节点的Hadoop集群 一.准备,再出发 在项目启动之前,让我们看一下前面所做的工作.首先我们掌握了一些Linux的基本命令和重要的文件,其次我们学会 ...
- 手把手教你用webpack3搭建react项目(开发环境和生产环境)(一)
开发环境和生产环境整个配置源码在github上,源码地址:github-webpack-react 如果觉得有帮助,点个Star谢谢!! (一)是开发环境,(二)是生产环境. 一.首先创建packag ...
- 手把手教你使用 VuePress 搭建个人博客
手把手教你使用 VuePress 搭建个人博客 有阅读障碍的同学,可以跳过第一至四节,下载我写好的工具包: git clone https://github.com/zhangyunchencc/vu ...
- 手把手教你用Python搭建自己的量化回测框架【均值回归策略】
手把手教你用Python搭建自己的量化回测框架[均值回归策略] 引言 大部分量化策略都可以归类为均值回归与动量策略.事实上,只有当股票价格是均值回归或趋势的,交易策略才能盈利.否则,价格是随机游走的, ...
- SpringCloud学习之手把手教你用IDEA搭建入门项目(三)
本篇博客是承接上一篇<手把手教你用IDEA搭建SpringCloud入门项目(二)>,不清楚的请到我的博客空间查看后再看本篇博客,上面两篇博客成功创建了一个简单的SpringCloud项目 ...
- SpringCloud学习之手把手教你用IDEA搭建入门项目(二)
本篇博客是承接上一篇<手把手教你用IDEA搭建SpringCloud入门项目(一)>,不清楚的请到我的博客空间查看后再看本篇博客 1)先创建一个Eureka服务注册中心模块,用来作为服务的 ...
- SpringCloud学习之手把手教你用IDEA搭建入门项目(一)
SpringCloud简单搭建 jdk:1.8开发工具:IDEA注:需要了解springcloud 1.创建最简单的Maven项目 1)开始创建一个新的项目 2)创建一个空模板的maven项目,用 ...
- 【自动化基础】手把手教零基础小白搭建APP的UI自动化环境
前言 帮助零基础小白一步步搭建UI自动化环境,完成Python+Appium+模拟器/真机的UI自动化环境搭建. 环境准备: jdk1.8.0 sdk Node.js appium python Ap ...
随机推荐
- ==和equals的异同
== 和 Equals 的区别 1. == 是一个运算符. 2.Equals则是string对象的方法,可以.(点)出来. 我们比较无非就是这两种 1.基本数据类型比较 2.引用对象比较 1.基本数据 ...
- [原]JavaScript总结
匿名函数 var ff = function () { return 'hhqybsl'; }; var result = ff(); ...
- play1.x vs play2.x 对比(转)
个人看到对比play1.x和play2.x比较的文章中,写的最深入,最清晰的一个.转自:http://freewind.me/blog/20120728/965.html 为了方便群中的Play初学者 ...
- hahah
ۣۣۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖ ...
- update set from where
原文链接:http://blog.csdn.net/xcbsdu/article/details/6736503 关于update set from where 下面是这样一个例子: 两个表a.b,想 ...
- jq模拟操作
1.常用模拟 trigger() $('#btn').trigger('click'); 当页面加载完,点击事件就会完成 上面也可以简写成:$('#btn').click(); 2.触发自定义事件 t ...
- Nodejs开源项目里怎么样写测试、CI和代码测试覆盖率
测试 目前主流的就bdd和tdd,自己查一下差异 推荐 mocha和tape 另外Jasmine也挺有名,angularjs用它,不过挺麻烦的,还有一个选择是qunit,最初是为jquery测试写的, ...
- jquery选中checkbox多选项并添加到文本框中
<script> function check(){ var dd = ""; if($("input[type='checkbox'][name='moke ...
- call_compile.sql
set echo off prompt prompt ========================================================================= ...
- java实现文件转换成二进制存储与取出
一.功能描述: 将文件转成二进制数据放入数据库中,需要的时候,便可以取出安装与使用. 二.数据库: 建立一个数据库字段存放转成二进制的图片,这个字段有一个要求就是要设置成blob类型的 CREATE ...