Sencha Cmd的简介

~~~~~~~~~~~~~~~~~~~~~~~

Sencha cmd 是一个跨平台的命令行工具,它从你应用程序的新创建到部署入产品中的整个生命周期都提供了许多自动化的执行任务。

初遇Sencha Cmd

~~~~~~~~~~~~~~~~~~~~~

Sencha Cmd 提供了一系列功能强大的节约时间的功能,结合Sencha Ext JS 和Sencha Touch框架协同工作。Sencha Cmd 提供了如下几个能力:

1.代码生成工具:代码生成工具生成整个应用程序并且扩展生成mvc的组件框架,如,使用sencha generate app 命令,可以自动帮你生成一个完成的应用程序目录框架。

2.JS编译:框架意识,Javascript 编译器了解Sencha的语义语法,并且从你源代码构建的时候产生较少的足迹。编译器通过Sencha框架减少加载应用程序的时间来优化高层次的语义。

3.网络服务:提供了轻量级的网络服务,如,使用sencha web start 可以启动网络服务。

4.本地包装:以一流的移动应用程序访问设备给移动应用程序并且可以方便的分布到移动商店。

5.包装管理系统:方便集成的由管理系统(像Ext js 的主题)

6.构建脚本. 通过在应用程序中增加“before”和"after"给应用程序增加一些额外的设置点让客户可以定制适合自己需求的脚本。

7.转换工具:强大的代码选择器转换你项目中需要最终构建需要的代码,决定页面和局部共享代码的高级别选择集像你需要的那样构造。

8.工作空间管理:过不同的应用程序共享框架工作,包河自定义的代码透。

9.图像提取:转换CSS3的特性(比如边界半径和线性梯度)

10.灵活的配置系统: 在一台机器上允许命令行操作程序或者在工作空间级别或者整个工作空间。

11.日记功能:强大的日志功能帮助你理解整个内部的命令行工作,排除故障。

12.三方控件: Sencha cmd 包含了Compass sass 和ant 。

13.代码生成的钩子:可以指定到一个页面或者在工作控件分享所有页面,例如检查daunting的惯例或者产生新的模型。

兼容性

~~~~~~~~

Sencha Cmd 支持Sencha Ext JS 的4.1.1a以及以上版本还有Sencha Touch的2.1版本以及以上,许多的新功能需要在框架的支持下工作,都是可以使用的版本。

对旧版本来说,有些低级命令式可以使用的。

如果你在使用旧版本的Ext JS 你可以使用Sencha Cmd的build命令来构造你的JSB文件。换句话说,Sencha Cmd 可以将JSB文件生成压缩的构造包来替换之前版本,这操作不会更新你的那些有之前SDK生成的JSB文件。

Sencha Touch2.0和Sencha Ext JS 4.0 需要SDK2.0版本的工具,在以后的版本中是不会被支持的哦。

系统的安装

~~~~~~~~~~~~~

下载一下安装包并安装到你的电脑:

1.JRE    Sencha Cmd 需要Java的运行环境,需要1.7或者以上的java环境支持,最低要求也是到java的1.6版本。下载地址见最上方

2.Sencha Cmd 下载地址见上方

3.Ruby   ruby的不同操作系统需要不同的版本,根据不同的操作系统下载不同的版本,具体就不介绍了。支持的版本,最好是ruby的1.7 下载网址见上方

成功安装确认

~~~~~~~~~~~~~~~~

为了确保安装的Sencha是成功的,需要打开命令行 即CMD 切换到安装目录下,输入 sencha命令,如果看到 Sencha Cmd v5.x.x字样,说明安装成功。

如果不出现以上信息,需要你检查上述步骤有无错误。

更新你的Sencha Cmd

~~~~~~~~~~~~~~~~~~~~~~~~~~~

执行命令 sencha upgrade --check

如果不带--check 那么如果不急没有安装最新的版本的时候,就好给你下载并安装。

Beta版本的发布

如果想获取Beta版本,你需要使用sencha upgrade -- check --beta

Sencha基本命令

~~~~~~~~~~~~~~~~~~~~

使用help命令

sencha help

  1. Sencha Cmd v5.0.n.n
  2. ...
  3. Options
  4. * --cwd, -cw - Sets the directory from which commands should execute
  5. * --debug, -d - Sets log level to higher verbosity
  6. * --info, -i - Sets log level to default
  7. * --nologo, -n - Suppress the initial Sencha Cmd version display
  8. * --plain, -pl - enables plain logging output (no highlighting)
  9. * --quiet, -q - Sets log level to warnings and errors only
  10. * --sdk-path, -s - The location of the SDK to use for non-app commands
  11. * --time, -ti - Display the execution time after executing all commands
  12. Categories
  13. * app - Perform various application build processes
  14. * compass - Wraps execution of compass for sass compilation
  15. * compile - Compile sources to produce concatenated output and metadata
  16. * cordova - Manage Cmd/Cordova integration
  17. * fs - Utility commands to work with files
  18. * generate - Generates models, controllers, etc. or an entire application
  19. * manifest - Extract class metadata
  20. * package - Manages local and remote packages
  21. * phonegap - Manage Cmd/PhoneGap integration
  22. * repository - Manage local repository and remote repository connections
  23. * theme - Commands for low-level operations on themes
  24. * web - Manages a simple HTTP file server
  25. Commands
  26. * ant - Invoke Ant with helpful properties back to Sencha Cmd
  27. * build - Builds a project from a legacy JSB3 file.
  28. * config - Load a properties file or sets a configuration property
  29. * help - Displays help for commands
  30. * js - Executes arbitrary JavaScript file(s)
  31. * upgrade - Upgrades Sencha Cmd
  32. * which - Displays the path to the current version of Sencha Cmd

当前路径

~~~~~~~~~~

大多数情况下,sencha cmd 需要你设定一个特殊路径,或者仅仅需要知道有关Sencha sdk的相关信息,SDK可以被自动检测到当从文件夹建立应用程序的时候,有些命令可以从SDK文件夹抽取。

重要:在下面的命令中,Sencha cmd 需要从跟文件夹运行并产生一个应用程序。

Sencha generate...(可以有 app、package、workspace)

sencha app...

这个对包来说,也是成立的。当你运行如sencha package build 时当前路径必须是包文件夹。

Sencha cmd 文档

~~~~~~~~~~~~~~~~~~~~~

许多sencma cmd的知道都是通过帮助组织建立你的认知的,它需要你遵循这些要求,如果跳跃的话,可能会得到一些令人疑惑的结果。

在每个指导的开始都是一些前期需要掌握的知识,更近一步,许多指导都以很多进一步的阅读来结束。

基本知识以外

~~~~~~~~~~~~~~~

还有很多其他关于使用sencha cmd的命令的使用帮助细节,这些可以通过help命令来获取更多帮助,但是如果你需要更高级的,那么需要下载advanced sencha cmd

故障排除

~~~~~~~~~~

如果在使用的时候在osx/linux操作系统出现了 sencha : command not found 的时候,或者在widows下出现了出现了 sencha is not recognized as an internal or external command ,operable program or bach file 你可以尝试如下方法:

1.关闭所有命令行重新打开

2.确保sencha cmd是正确安装的

不能找到ruby:

如果你看到关于ruby的时候,你很可能是ruby安装的错误,重新看关于安装ruby的问题。

不在当前目录:

一个普遍的错误就是不在当前目录运行,有时候需要制定SDK路径但是你没有制定的时候就会爆出这错误。

注意:一个有效的合法的路径是你通过sencha cmd生成的。

当你解决依赖的时候出现的错误:

sencha app build命令通过读取你的index.html来工作,扫描你的需要的类信息。如果你的应用程序没有生命需要的类信息构造会完成但是不会包含所有的你应用程序需要类。

为了保证你把所有的需要的类加载进来,你可以使用调试命令行的方式来使用,比如使用ie的开发人员选项或者fiefox的fiebug功能,解决掉所有出现的警告灯问题。

当你看到如下警告的时候:

  1. [Ext.Loader] Synchronously loading 'Ext.foo.Bar'; consider adding 'Ext.foo.Bar'
  2. explicitly as a require of the corresponding class

立即将ext.foo.bar从requies数组中增加进去,如果需要的依赖比较多,那么就在requies的属性数组中加入,实在Ext.application(...)语句中的。

使你的sencha cmd跑起来

进入本地项目下的extjs5的目录下,在使用

sencha app build,这个命令需要你在你的应用程序文件夹下执行哦。可以看到我的执行过程如下:

这样子就可以了。就可以使自己的项目跟新到当前最新的版本。这样子也就是进行项目的重新构造。

Sencha Cmd是什么的更多相关文章

  1. mac下使用sencha cmd+extjs6

    笔者刚接手公司一个项目,后台是使用extjs6做前端,php做api接口,两者通过ajax交互 没办法,不管接手的项目多么的挫逼,都还是要上的,拿人钱财替人消灾嘛 首先是安装sencha cmd ,百 ...

  2. 使用sencha cmd 一键生成你的应用程序代码

    一键生成你的应用程序代码: ------------------------------------------------------------ 我们的出发点就是使用命令来产生一个应用程序,执行以 ...

  3. [ExtJS5学习笔记]第三节 sencha cmd学习笔记 生成应用程序构建的内部细节

    本文地址: http://blog.csdn.net/sushengmiyan/article/details/38316829本文作者:sushengmiyan------------------- ...

  4. Sencha CMD 4- 安装与首次使用

    哥英文不好,网上搜索好多中文教程都是抄来抄去没有完整的介绍.所以写出来让与我一样的小伙伴惊呆下! 这篇主要是安装,后续慢慢更新 一.Sencha CMD是干啥滴!? 它是服务使用EXTJS SDK开发 ...

  5. ExtJS 5.0版本问题+Sencha cmd

    ExtJS 5.0版本官方网站给的图表例子,以散点图作说明: Ext.create('Ext.Container', { //renderTo: Ext.getBody(), width: 600, ...

  6. Ext Sencha Cmd 6 环境安装

    Sencha Cmd安装笔记 在使用前端框架ExtJs前,需对其环境加以部署,对自己的安装过程加以记录. 建议大家在安装时,最好使用VPN,个中缘由,生在跳槽的程序袁应该都懂吧.不然ruby相关命令执 ...

  7. Sencha Cmd的简介

    Sencha Cmd的简介 ~~~~~~~~~~~~~~~~~~~~~~~ Sencha cmd 是一个跨平台的命令行工具,它从你应用程序的新创建到部署入产品中的整个生命周期都提供了许多自动化的执行任 ...

  8. 1、Sencha cmd学习笔记(一) 使你的sencha cmd跑起来

    带着Ext JS 5来使用sencha cmd -------------------------------------------------------------------  这个指导通过处 ...

  9. Extjs6(一)——用sencha cmd建立一个ExtJs小项目

    本文基于ext-6.0.0 一.用sencha cmd建立一个ExtJs小项目 首先,需要一个命令行工具.进入extjs所在目录. 然后,输入:sencha -sdk [ExtJs6.0文件夹地址] ...

随机推荐

  1. Web 开发人员必备的随机 JSON 数据生成工具

    在 Web 开发中,经常会需要一些测试数据来测试接口或者功能时候正确.JSON Generator 就是这样一款生成随机 JSON 数据的在线工具,Web 开发人员必备,记得收藏和分享啊. 您可能感兴 ...

  2. python 在sublime 中的配置

    首先可以先装package control 方法——按ctrl+`,然后在命令行里复制粘贴以下代码, import urllib2,os;pf='Package Control.sublime-pac ...

  3. Unity多语言本地化改进版

    简介 之前捣鼓过一个通过csv配置游戏多语言支持的小工具,但是发现使用过程中,通过notepad++去进行转码很不方便,并且直接将配置的csv不加密的放在游戏中心里感觉不是很踏实 于是乎~~ 新的方案 ...

  4. DataGridView隐藏列用CSS实现

    隐藏DataGridView某一列,用CSS控制 CSS Code: .hidden{ display:none;} c# Code: <asp:BoundField DataField=&qu ...

  5. windbg学习进阶之——windbg字段名及其意义

    要使用windbg分析dump必须加载正确的符号,可以通过设置Symbols File Path为"D:/Symbols;SRV*D:/Symbols*http://msdl.microso ...

  6. 【jQuery基础学习】02 jQuery的DOM操作

    DOM操作分为3个方面: DOM Core    任何一种支持DOM Core的语言都可以使用它,比如getElementById就是DOM Core操作 HTML-DOM  只能用来处理web文档 ...

  7. 重新想象 Windows 8 Store Apps (38) - 契约: Search Contract

    [源码下载] 重新想象 Windows 8 Store Apps (38) - 契约: Search Contract 作者:webabcd 介绍重新想象 Windows 8 Store Apps 之 ...

  8. 重新想象 Windows 8.1 Store Apps (77) - 控件增强: 文本类控件的增强, 部分控件增加了 Header 属性和 HeaderTemplate 属性, 部分控件增加了 PlaceholderText 属性

    [源码下载] 重新想象 Windows 8.1 Store Apps (77) - 控件增强: 文本类控件的增强, 部分控件增加了 Header 属性和 HeaderTemplate 属性, 部分控件 ...

  9. 精进不休 .NET 4.5 (12) - ADO.NET Entity Framework 6.0 新特性, WCF Data Services 5.6 新特性

    [索引页][源码下载] 精进不休 .NET 4.5 (12) - ADO.NET Entity Framework 6.0 新特性, WCF Data Services 5.6 新特性 作者:weba ...

  10. 译 PrestaShop开发者指南 第三篇 设置本地安装环境

    ## 环境要求 - Unix, Linux 或 Windows - Web服务器:Apache 1.3 或更高的版本 - PHP:5.2或更高版本 - MySQL:5.0或更高版本 PrestaSho ...