ExtJS 4.2：Sencha Cmd 介绍

た入场券 2022-08-18 15:26 213阅读 0赞

## 背景 ##

本来不打算写这篇文章的，但是按照官方文档的介绍，还是会出现一些问题。该文章就是简洁的介绍一下如何使用Sencha Cmd及其注意事项。

## 官方文档 ##

*  [Introduction to Sencha Cmd][]
 *  [Using Sencha Cmd with Ext JS 4.2+][Using Sencha Cmd with Ext JS 4.2]
 *  [Compiler-Friendly Code Guidelines][]
 *  [Workspaces in Sencha Cmd][]

## 环境要求 ##

1.  Java Run-time Environment or JRE，版本>=6.0。
2.  Ruby，不要下载最新版，Ruby 1.9.3-p392可以。
3.  Sencha Cmd。
4.  Ext JS SDK。

## 创建一个workspace ##

**目录名称不要用中文，特殊符号最好也不要用，中文我测试了不行。**

[view source][]

[print][] [?][Link 1]

`1.` `1 cd /d F:\ExtJs4.2\ext-4.2.0.663`

`2.` `2 sencha generate workspace F:\ExtJs4.2\MyWorkspace`

## 创建两个app(一个app一个html) ##

[view source][]

[print][] [?][Link 1]

`1.` `1 cd /d F:\ExtJs4.2\ext-4.2.0.663`

`2.` `2 sencha generate app App1 F:\ExtJs4.2\MyWorkspace\app\app1`

`3.` `3`

`4.` `4 cd /d F:\ExtJs4.2\ext-4.2.0.663`

`5.` `5 sencha generate app App2 F:\ExtJs4.2\MyWorkspace\app\app2`

## 编译两个app ##

[view source][]

[print][] [?][Link 1]

`1.` `1 cd /d F:\ExtJs4.2\MyWorkspace\app\app1`

`2.` `2 sencha app build`

`3.` `3`

`4.` `4 cd /d F:\ExtJs4.2\MyWorkspace\app\app2`

`5.` `5 sencha app build`

## 项目结构 ##

![flodes.jpg][]

## 效果预览 ##

![preview.jpg][]

sencha cmd 必须运行在SDK目录或app目录，具体的可以参考官方文档。

作者：幸福框架  
原文：[http://www.cnblogs.com/happyframework/archive/2013/05/07/3060630.html][http_www.cnblogs.com_happyframework_archive_2013_05_07_3060630.html]

[Introduction to Sencha Cmd]: http://docs.sencha.com/extjs/4.2.0/#!/guide/command
[Using Sencha Cmd with Ext JS 4.2]: http://docs.sencha.com/extjs/4.2.0/#!/guide/command_app
[Compiler-Friendly Code Guidelines]: http://docs.sencha.com/extjs/4.2.0/#!/guide/command_code
[Workspaces in Sencha Cmd]: http://docs.sencha.com/extjs/4.2.0/#!/guide/command_workspace
[view source]: http://extjs.org.cn/node/635#viewSource
[print]: http://extjs.org.cn/node/635#printSource
[Link 1]: http://extjs.org.cn/node/635#about
[flodes.jpg]: /images/20220731/5c0ee016e8d049638fd5093e166dc864.png
[preview.jpg]: /images/20220731/8bddfd7aec744e7a96090afd6a56d476.png
[http_www.cnblogs.com_happyframework_archive_2013_05_07_3060630.html]: http://www.cnblogs.com/happyframework/archive/2013/05/07/3060630.html