常用的sencha cmd 命令用法


一般来说,开发Extjs 项目都会使用到 Sencha cmd 工具,尤其是开发Extjs 6 以上的项目,通过这两天
的摸索,现将学习心得总结一下:


一、开发环境的搭建
    使用Sencha cmd 工具来开发有不少优点,Sencha cmd本身是一个命令行工具,在不同的平台都可以
    使用,现在讲解一下,
    1、下载Sencha cmd, 下载地址:https://www.sencha.com/products/extjs/cmd-download/
    按照你的使用的平台下载合适的安装文件安装就可以,记得如果你的开发开台要安装有JRE,否则就要
    下载安装有JRE的Sencha cmd,安装过程也比较简单,一路NEXT就行。
    2.将Sencha.exe文件的所有路径 C:\Users\【你的用户名】\bin\Sencha\Cmd (这是默认安装的路径)
    添加到电脑的环境变量中去
    3.打开CMD.exe 输入“sencha -v” 如果显示有版本信息则证明安装已经成功
    4.下载Extjs SDK ,下载地址:https://www.sencha.com/legal/GPL/
     下载得到一个压缩文件,解压到你指定的文件夹后等待下一步使用,我这里下载的GPL版本的SDK,这个
     版本是开源的版本,可以免费使用,如果你下载的是6.2以上的零售版,则有30天的试用期,生成的程序
     界面中会有试用版的标记


二、使用sencha generate app 创建一个空白的应用程序
    打开cmd.exe,
    输入 “sencha -sdk 【sdk的文件夹路径】 generate app 【应用程序类型】【应用程序名称】【应用程序路径】” 
        【应用程序类型】:  -classic 或 -modern
        【应用程序名称】: 名称自定义,由你决定
        【应用程序路径】: 路径为当前文件夹的路径,如果要在当前文件夹下建立jmrc程序文件夹,则为 ./jmrc


三、使用sencha app build命令打包应用程序
    1、sencha app build命令有一个参数非常重要,-e development 或 -e production 指定打包的目标,使用不同的
    目标参数,打包工具会根据参数在build文件夹下生成不同的文件夹(例如development或production)
    2、应用程序打包后,所有的js文件,scss文件会打包到build/production(或development)/index.html中,
    要测试程序,只要访问这个index.html文件,但要注意的是要访问http服务器进行测试,
    例如在nodejs中访问:http://localhost:3000/yourAppName/index.html


四、使用sencha app watch命令实时监测文件变化
    由于使用sencha app build命令会在build文件夹生成新的目标程序文件夹,而且非常耗时,所以平时开发时,比较常
    用的是使sencha app watch命令,同时sencha app watch 耗时比较短,
    并且不用切换到build/production(或development)/index.html 执行,要注意的是sencha app watch可以带有参数
    例如: sencha app watch development 就是要实时监测源代码的变化,一旦监测到代码变化就打包到 yourApp/index.html中
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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的惯例或者产生新的模型。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值