Sencha Touch2项目创建与打包指南.docxVIP

关于SenchaTouch项目的创建、打包作者：亲爱的Joe相关工具：(1)、SenchaCmd-3.1.0.256 : Sencha项目DOS 命令包，包含创建项目打包项目，压缩项目等Sencha 命令。(2)、Ruby2.0.0-p0：运行Sencha DOS 命令的环境。(3)、sencha-touch-2.1.0-gpl : Sencha Touch 2.1开发工具。该工具包含了创建项目和开发项目所需要的资源文件。打包标准：SenchaTouch 项目开发完成后，经过打包压缩可以使其体积变小。压缩完成后可以看到css文件和js文件全部都变成了只有一行代码的文件。一、配置环境：(1)、根据安装向导提示安装Ruby2.0.0-p0。注意：在 图1-1 这个界面的时候，选择第三个选项(Associate .rband .rbw files for this ruby installation )，然后在点击Install继续安装。安装成功后，可以点击开始----所有程序----看到Ruby2.0.0-p0。 如 图 1-2；图 1-1图 1-2(2)、安装SenchaCmd-3.1.0.256。安装成功后在cmd 中输入sencha，效果如图 1-3图 1-3(3)、解压缩sencha-touch-2.1.0-gpl 。二、如何生成一个项目。(1)、开始---- 所有程序---Ruby2.0.0-p0----Start Command Prompt with Ruby 。(2)、把目录切换到 sencha-touch-2.1.0-gpl 目录下。(3)、sencha generate app appname apppath生成的项目目录结构如图 2-1：图 2-1(4)、打开生成的项目的目录，找到touch --- cmd --- sencha.cfg文件，在第一行加入如下配置：skip.sass=1如果没有该配置，项目完成后编译会报错。生成项目后：SenchaTouch 项目的压缩需要标准的项目结构的支持。对于某些开发中使用不到的文件，应该暂时予以保留，这些文件可能会在压缩的时候用到。三、如何打包开发完成的应用(1)、在ruby 中将目录切换到项目的根目录下，即，图 2-1 显示的目录下。(2)、使用sencha app build package 命令打包程序。打包完成后，在项目根目录下会生成一个build 文件夹，文件夹中就是打包后的项目。打开 build --- 项目名字 ----- package ，内容如 图 3-1。图 3-1打包项目后：项目打包完成，下图分别是打包后的js文件和打包后的 css 文件。打包的后js文件是图3-1 中的app.js 文件图 3-2 打包后的js文件又有js代码都压缩为一行打包后的css文件是图 3-1 中 resources-- css ----- app.css文件图 3-3 打包后的css代码只有一行。