1.1 sencha cmd

 

sencha cmd 简介

sencha cmd 是sencha 官方提供的命令行工具。主要用来创建app,编译app,开发调试(watch)

sencha cmd 下载地址 

https://www.sencha.com/products/extjs/cmd-download/

sencha cmd 的使用方法:

 

  1. 创建应用程序

语法:sencha –sdk {sdk的目录}  generate app {app 名字} {app保存路径} –classic|-mordern #创建一个既包含classic toolkit 又包含mordern toolkit 的appsencha -sdk /path/to/ext6 generate app MyApp /path/to/my-app  #创建一个只包含 classic toolkit 的appsencha –sdk /path/to/sdk  generate app MyClassicApp /path/to/my-app –classic# 创建一个只包含mordern toolkit 的appSencha –sdk /path/to/sdk generate app MyMordernApp /path/to/myapp -mordern  

 

  1. 构建(Build) 应用程序

sencha app build

这个命令 构建(build) HTML文件, JavaScript 代码和主题,输出到 "build" 文件夹下。

注意:执行这个命令,必须把当前目录设为应用程序的顶层目录(此处则是 "/path/to/my-app")。

注意:不要在sencha app命令中指定 -sdk 参数。 因为这些命令需要运行在当前应用程序的根目录下, Sencha Cmd 知道用哪个 SDK。 如果加上了 -sdk参数,会导致 Sencha Cmd 以为你的当前目录需要指定 SDK, 也就是说当前目录不是一个正确的应用程序目录。

  1. 开发模式

sencha app watch --port=端口号

这个命令会首先执行一次“开发构建(development build)” (见下面) , app watch 等待并监控所有文件的变更,文件变更后会自动执行增量构建。watch 命令可以用 Ctrl+C 终止。sencha app watch 运行后会在--port 参数指定的端口启动一个web服务器(如果指定的端口被占用,sencha cmd将自动选择一个未被占用的高端端口)。在浏览器器访问http://localhost:端口/ 就可以访问当前应用了。

使用 app watch, 同时也会启用 Fashion,并在样式发生变更的时候保持 CSS 的实时更新。