extjs5 sencha cmd 5 的介绍及使用

最近在学习extjs5.x的时候 对sencha cmd 5 进行了详细的了解  sencha cmd 的主要功能 完成ext项目的构建 编译 打包 还可以构建本地web服务器
搭建 sencha cmd 环境
安装jdk（使用版本是1.7）
安装ruby（使用版本1.9.3）
安装sencha cmd 5 （使用版本5.1.0.26 需配置环境变量）
1.extjs项目的生成和运行
下载ext5.1 sdk
然后 在windows 终端 运行

sencha -sdk {pathToSDK} generate app {appName} {pathToProject}

比如说你 sdk在 d：/ext-5.1 要生成的项目名称demo 路径是d:  命令就是 sencha -sdk d:/ext-5.1 app demo d:/

启动构建好的项目 

sencha fs web -port {port} start -map {pathToProject}

可以直接在项目路径下 执行 sencha fs web start 就会以默认端口和当前路径启动项目   直接访问 http://localhost:1841即可 

2.项目模块及文件的生成

cd /path/to/MyApp
sencha generate model User id:int,name,email 

 会在 model 模块下生成 名为User并包含三个字段的 model文件

cd /path/to/MyApp
sencha generate view foo.Thing

同理 会在view模块文件夹下生成对应文件

cd /path/to/MyApp
sencha generate controller Central

同理 会在controller模块文件夹下生成对应文件

3.主题及封装包使用

比如说项目需要搭建统一的架构则需要 创建统一的组件这样就可以 在项目package下创建自己的主题文件夹

主题的开发需要一些环境的搭建

gem install compass // 安装 sass预编译样式
compass -v // 查看 compass  版本
sass -v // 查看 sass 版本

主题文件夹的创建

cd {pathtoproject} // 项目
sencha generate theme myTheme // 自定义主题名称

将主题文件更换为自定义

cd {themepath}/var   //
echo $base-color: #745858 !default; > Component.scss  // 改变 $base-color 

然后 执行

cd {themepath}

sencha package build  // sencha package build --clean 清除构建

其次将根目录app.json中默认的主题配置 修改为自定义样式

4.项目的重新构建

项目的主题文件或者配置文件发生改变的时候 需要对项目进行重新构建

cd {pathtoproject}

sencha app build

5.项目sdk升级

cd {pathtoproject}

sencha app upgrade [ path-to-new-framework ]

6.开启开发模式 可以自动检测文件变动 并重新构建

<pre name="code" class="plain">cd {pathtoproject}
sencha app watch

sencha cmd doc url

http://docs.sencha.com/cmd/5.x/cmd_packages/cmd_packages.html