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

一键生成你的应用程序代码:

------------------------------------------------------------

我们的出发点就是使用命令来产生一个应用程序,执行以下命令:
  sencha generate app -ext MyApp E:\senchaworkspace\MyApp

可以看到如下执行结果

以上命令会从官网下载试用版本的ext代码到你本地,如果你已经购买正版代码,那么需要使用下一节(-sdk命令来生成你的应用程序)在你的硬盘文件夹下可以看到:

这表明自动生成了你的程序框架。

需要注意的是,生成的EXTjs 是商业体验版本,如果你购买了,那么你需要下载ext js的zip包,并且使用-SDK命令来制定SDK的路径,这样,就不会去默认下载SDK而是按照你本地的文件来生成了。

命令如下: sencha -sdk /这里是你的sdk路径/ generate app MyApp 你的App的路径。如 sencha -sdk 本地的extjs的地址 generate app OASystem d:\oasys

执行完成之后可以看到如下的文件夹路径:

[plain] view plain copy

  1. .sencha/                        # Sencha-specific files (for example, configuration)
  2. app/                        # Application-specific content
  3. Boot.js                 # Private, low-level dynamic loader for JS and CSS
  4. Microloader.js          # Loads app based on app.json content
  5. sencha.cfg              # Application configuration file for Sencha Cmd
  6. build-impl.xml          # Standard application build script
  7. *-impl.xml              # Implementations of various build phases
  8. defaults.properties     # Default values and docs for build properties
  9. ext.properties          # Build property values specific to Ext JS
  10. *.defaults.properties   # Build property values by env (e.g. "testing")
  11. plugin.xml              # Application-level plugin for Sencha Cmd
  12. codegen.json            # Data for merging generated code during upgrade
  13. workspace/                  # Workspace-specific content (see below)
  14. sencha.cfg              # Workspace configuration file for Sencha Cmd
  15. plugin.xml              # Workspace-level plugin for Sencha Cmd
  16. ext/                            # A copy of the Ext JS SDK
  17. cmd/                        # Framework-specific content for Sencha Cmd
  18. sencha.cfg              # Framework configuration file for Sencha Cmd
  19. packages/                   # Framework supplied packages
  20. ext-theme-classic/      # Ext JS Theme Package for Classic
  21. ext-theme-neptune/      # Ext JS Theme Package for Neptune
  22. ...                     # Other theme and locale packages
  23. src/                        # The Ext JS source
  24. ...
  25. index.html                      # The entry point to your application
  26. app.json                        # Application manifest
  27. app.js                          # Launches the Application class
  28. app/                            # Your application‘s source code in MVC structure
  29. model/                      # Folder for application model classes
  30. store/                      # Folder for application stores
  31. view/                       # Folder for application view classes
  32. main/                   # Folder for the classes implementing
  33. Main.js             # The Main View
  34. MainModel.js        # The `Ext.app.ViewModel` for the Main View
  35. MainController.js   # The `Ext.app.ViewController` for the Main View
  36. Application.js              # The `Ext.app.Application` class
  37. packages/                       # Sencha Cmd packages
  38. build/                          # The folder where build output is placed

这个路径和上方文件夹截图是没有区别的都是一样的。

构造你的应用程序:

----------------------------------------

只需要执行以下命令就可以构造你的应用程序打包了

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

需要注意不能使用-sdk命令了,使用会出现问题哦

执行完成之后可以看到增加了build目录,下方就是包含了js代码 sass还有主题的文件夹。

Sencha 的网络服务容器:

----------------------------------------------------

使用 sencha web start命令来开启你的服务。服务允许你将本地应用程序当做网络服务。

这个命令将1841端口制定为当前的访问端口,如果想停止服务就执行如下命令: sencha web stop或者ctrl+c来结束服务

想访问你的服务,只需要在浏览器中执行如下路径:

http://localhost:1841

当我们访问的时候,可以看到默认生成的网页如下:

如果你不想使用1841端口,你可以在执行的时候制定端口号码:sencha -port 8080 web start

扩展你的应用程序

使用 sencha generate 命令帮你你快速的创建一个mvc的组件包像controllers和models

执行以下命令sencha help generate你可以看到有如下的扩展信息:

重要:为了执行命令,你需要在当前应用程序的路径下执行才可以。

增加一个新的models

--------------------------------------------

使用sencha generate model 命令就可以。

如图

这样就创建了一个User的Model包含三个属性

增加一个新的Controllers

-----------------------------------------------------

类似上述命令,执行 sencha generate controller Central

增加一个view

------------------------------

也是一样执行 sencha generate view SomeView

客户化定制构造程序

-----------------------------------------

现在又多种多样的配置选项可以使用在 ”.sencha/app/sencha.cfg“文件夹下,在只有一张页面的情况下,可以忽略”.sencha/workspace“配置文件夹

classpath类路径

----------------------------------

sencha app build 命令制定去哪里找到你的应用程序的代码全部依赖于app.classpath配置,它是在”.sencha/app/sencha.cfg“文件夹下的。默认的数值是

app.classpath=${app.dir}/app,${app.dir}/app.js
时间: 2024-10-12 21:44:18

使用sencha cmd 一键生成你的应用程序代码的相关文章

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

带着Ext JS 5来使用sencha cmd -------------------------------------------------------------------  这个指导通过处理使用 sencha cmd的sencha generate app命令来创建应用程序,本文是以允许一个应用程序来结束的  处理更新一个存在的应用程序来体验Sencha cmd是在本章结束的时候介绍的,首先理解什么是"ideal"和“default”是很重要的,在默认的结构和已经存在的应用

Sencha Cmd中脚本压缩方法之比较

概述 这么多年来,Web开发人员都被告知应优化他们生产环境的代码.传统的方法是将应用程序的所有脚步进行压缩以减少应用程序的大小,以便让应用程序加载更快.而Sencha Cmd这么多年以来已经将这个过程自动化了. 然而,许多客户,还不知道可通过调整Sencha Cmd的压缩代码来进行一些额外的处理.尽管Sencha Cmd默认是适应YUI压缩来进行压缩的,但还可以通过配置使用Google Closure或UglifyJS来进行压缩.下面将会介绍这些,并去测试哪一个压缩工具提供了最大的压缩效果. 要

extjs6入门:用sencha cmd搭建简单的extjs6项目

开发准备 1.sencha cmd安装 2.extjs6.0.0 gpl正式版下载,地址:https://www.sencha.com/legal/gpl/ ,解压ext-6.0.0-gpl.zip 搭建步骤: 1.cmd进入你想要放置项目的地址,输入以下命令 sencha -sdk [解压后的ext-6.0.0的位置] generate app [项目名称] [项目地址] 进入Cooky目录,可以查看生成的项目工程 cmd 进入该目录:cd Cooky 执行sencha app watch命令

安卓实战开发之JNI入门及高效的配置(android studio一键生成.h,so及方法签名)

前言 以前也讲过NDK开发,但是开始是抱着好玩的感觉去开始的,然后呢会helloWord就觉得大大的满足,现在静下来想这NDK开发到底是干什么呢? NDK开发,其实是为了项目需要调用底层的一些C/C++的一些东西:另外就是为了效率更加高效些但是在java与C相互调用时平白又增大了开销(其实效率不见得有所提高),然后呢,基于安全性的考虑也是为了防止代码被反编译我们为了安全起见,使用C语言来编写这些重要的部分来增大系统的安全性,最后呢生成so库便于给人提供方便. 好了,我们来看一下qq的结构,我们就

ExtJs Sencha Cmd创建项目以及编译项目

一:创建项目 sencha sdk tool2.0无法创建api为sencha-touch-2.2.1的项目,需要使用SenchaCmd代替sencha sdk tool,其步骤如下: 1,下载安装senchaCmd,地址为: http://www.sencha.com/products/sencha-cmd/download 2,一路next,安装完之后,进入cmd,敲入:sencha,展示一些关于sencha的信息,表示senchaCmd安装成功 3,使用senchaCmd生成项目 3.1

ExtJS(6)- 用Sencha Cmd构建打包Ext项目

用ExtJS组建前端框架有一年多了,考虑到ExtJS中js过多,为提高效率,所以开始寻找打包的方法,然后就发现了这个Sencha Cmd.首先Sencha Cmd不仅仅是为了打包而生的,它同样具有构建前端框架的作用. 以下为所需的环境: Sencha Cmd 下载地址:http://www.sencha.com/products/sencha-cmd/download/Ruby 下载地址:http://rubyinstaller.org/downloads Ant下载地址:http://ant.

Ext Sencha Cmd 6 环境安装

Sencha Cmd安装笔记 在使用前端框架ExtJs前,需对其环境加以部署,对自己的安装过程加以记录. 建议大家在安装时,最好使用VPN,个中缘由,生在跳槽的程序袁应该都懂吧.不然ruby相关命令执行时,会提示相关包无法下载. Sencha Cmd下载地址:https://www.sencha.com/products/extjs/cmd-download/ Sencha Cmd 6官网地址:http://docs.sencha.com/cmd/6.x/ Sencha Cmd 6相关细节的地址

ExtJS 5.0版本问题+Sencha cmd

ExtJS 5.0版本官方网站给的图表例子,以散点图作说明: Ext.create('Ext.Container', { //renderTo: Ext.getBody(), width: 600, height: 400, layout: 'fit', items: { xtype: 'cartesian', store: { fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'], data: [ {'name':'metr

[学习笔记]使你的sencha cmd跑起来

本文地址: http://blog.csdn.net/sushengmiyan/article/details/38313537 本文作者:sushengmiyan -------------------------------------------------------------资源链接----------------------------------------------------------------------- 翻译来源  Sencha Cmd官方网站: http://w