使用sencha cmd创建项目

最新推荐文章于 2025-06-01 15:15:36 发布

我是钟钟

最新推荐文章于 2025-06-01 15:15:36 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签： sencha cmd extjs

本文链接：https://blog.youkuaiyun.com/zsz459520690/article/details/70139294

前端开发专栏收录该内容

28 篇文章

订阅专栏

本文详细介绍了如何使用Sencha CMD命令创建一个EXTJS项目，包括指定EXTJS SDK目录，等待复制过程，以及项目创建后的目录结构。重点解释了经典版和现代版EXTJS的区别，经典版适用于PC，现代版适用于平板和手机。完成创建后，通过启动服务并在浏览器中预览，可以看到CMD自动生成的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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帮你生成的啊！！