使用sencha cmd创建项目

1.使用以下命令来创建一个extjs项目。

sencha -sdk /path/to/ext6 generate app MyApp /path/to/my-app

-sdk指定上一篇文章中extjs的sdk的目录（我的是在c:/ext6），如果你直接在sdk目录运行这个命令的话，则可以不指定-sdk选项。



正在复制ext的sdk到项目目录中，可能需要等待一段时间。



到此，我们已经创建好一个extjs6的项目了。

进入到c:/ext-workspace/MyApp目录，目录结构如下：

主要目录说明：

classic：这里存放pc端的视图代码
|-src 代码目录
|-sass 样式文件目录，只会应用到classic模式下。
modern：这里存放移动端的视图代码
|-src 代码目录
|-sass 样式文件目录，只会应用到modern模式下。
app：这里存放classic和modern公用的一些model，store，controller等。
ext：extjs的sdk目录
build：extjs项目构建之后的输出目录，这个目录下有以下几个子目录，production目录在你第一次执行sencha app build命令之后才会生成。
|-development
|-production
|-temp
resources：存放静态资源的目录，比如图片资源。

关于classic（经典版）和modern（现代版）extjs。

经典版主要在pc端使用，modern版主要在平板，手机端使用。

2.一睹为快

在做了上面这些工作之后，我们就可以来看看sencha cmd为我们创建的初始化项目在浏览器中的运行效果到底是什么样子了，是不是很激动？
切换到项目目录中，在cmd（window的命令行）中运行以下命令，启动sencha cmd内置的http服务器：

sencha app watch

服务启动之后，在你的浏览器中访问：http://localhost:1841/

你就可以看到效果了：



不要以为里面的内容是我加上的，这个锅我不背。。。

因为这些都是sencha cmd帮你生成的啊！！