1步1步创建Sencha Architect Files(aux).docxVIP

一步一步创建Sencha Architect Files(aux) 作成：猛士天下行（简称：小猛） 一点小牢骚：最近在做一个项目，经过寻寻觅觅发现Extjs 4.2挺符合要求的，那就它了。上了手了才发现上了贼船了，中文的开发资料巨少，即使是中文官网的资料，也让人不敢恭维。上Sencha的英文官网，速度慢不说，查找一些资料也不是特别方便，谁让咱们上学的时候没有学好英文呢:(，英语老师我对不起您们啊啊啊！！。带着4，5个兄弟开发，中间发现数值控件Number Field，居然不支持千位分割符（，），太不地道了，在官网论坛上一顿查找，发现一个叫Greivin Britton的巴拿马雷锋，居然已经解决这个问题了。欢天喜地的下下来，咦，不打成包做成组件没有办法在Architect 3.0里面使用，而且多人开发，咋让兄弟们的Architect里面也用上啊，必须给整，说弄就弄了，参考各路天书资料，弄了几天都快崩溃了，老是这个不行，那个不行的，一直捅咕了3，4天才搞定，回头一看，我要骂娘了啊，啥狗屁资料啊啊啊！！！！破天荒第一次万年潜水员，准备冒个泡，给大家整个资料，帮助自己和大家梳理一下这个制作流程，希望对大家平常的开发有所帮助。 一、环境准备（小猛所在的公司，在大连主做日本外包，所以操作系统是日文的，同志们别喷我，上有老下有小，中间还有老婆要来养，都是为了混口饭吃，大家这么高的水平估计都能看的懂，其实我也想干国内的啊，有合适的大家给介绍介绍啊！呵呵，千万不被老板看见啊！！:）） 1、安装Sencha Architect 3.0 估计看这个文章的同志们都已经安了，这里就不废话了，可以到Sencha的官网上下载并安装，因为安装的时候还会从网络上下载一些相关，所以需要联网哦！ 2、安装JDK，我转了JDK 7.6，这里就不罗嗦了，下载下来后，直接点击安装就OK了。 3、安装Sencha Cmd 4.0 方式1：上官网下载 Sencha Cmd4.0并安装。注意本文档作成时，Sencha Cmd 5.0已经发布，Cmd 5.0，我没有用过，以下所有操作都是在Cmd 4.0上进行的。 方式2：稍有复杂，在成功安装Sencha Architect 3.0的基础上，打开Architect的安装目录，如下图。 点击打开assets\cmd\4文件夹，重大发现呢！！有我们要的Cmd的压缩包！！其实Architect内部调用Cmd命令，就是通过这个压缩包实现的，如下图。 随便找个地方给解开，我找了D盘来放，如下图。 在环境变量里设置Path路径（你可千万别说你不知道在哪里设置这个环境变量！），如下图 上述两个方法，任选其一安装完毕后。 打开命令窗口，输入sencha，显示如下图。 OK，成功安装上了，呵呵，大家可以耍了呢。 二、使用Cmd生成Package 1、生成Workspace，必须生成Workspace，才能继续执行后续的命令。 在窗口中输入：sencha generate workspace d:/workspace 在D盘下生成Workspace所对应的文件夹，下面会有.sencha和packages两个文件夹。 2、生成Package 接下来的操作,为方便起见,将以我自己这次做成Package组件为例进行讲解。 在命令窗口中输入cd D:\workspace命令，进入D:\workspace文件夹。 在命令窗口中输入sencha generate package NumericField，必须进入workspace文件夹，才能输入生成Package的命令，如下图。 NumericField，就是咱们要生成的Package的名字。 三、编辑生成的Package 1、简单介绍一下生成的文件夹和相关文件 进入生成的D:\workspace\packages\NumericField，显示如下的文件结构，如下图。 .sencha 文件夹:Cmd生成的与Package相关的基础配置文件夹，不用修改。 docs 文件夹：可以存入与当前Package相关的介绍文档，不放也OK，本次未触及。 example 文件夹：可以放入如何使用该Package的例子程序，不放也OK, 本次未触及。 licenses 文件夹：该Package的License方面的文件，不做处理也OK, 本次未触及。 overrides 文件夹：根据需要自行设置，本项目中未触及。 resources 文件夹：如果当前Package需要使用到css或是图片等一些资源，可以在将相关内容存入该文件夹中。 sass 文件夹：如果当前Package使用到sass一些定义，可以将相关文件存入该文件夹中，本次未触及 src 文件夹：代码文件存放地，必须要放的！！