04Ext js学习之第一个Ext js程序

本篇文章总结一下程序的创建过程以及Ext js 6的工程目录。

---

创建第一个程序

1. 在此之前应该确保自己的电脑里已经有了Ext js的开发包，我使用的开发包版本为ext-6.2.0。下载解压之后尽量放在根目录方面后面命令行输入路径。
   

2. 启动eclipse建立一个Dynamic web project，记得勾选如图选项。
   

3. 目前整个工程目录如下：
   

4. 进入cmd，输入sencha -sdk /path/to/sdk generate app MyApp /path/to/myapp命令，其中/path/to/sdk是开发包路径，MyApp是自己的程序名，/path/to/myapp是程序路径。如图我的是sencha -sdk k:/ext-6.2.0 generate app Fapp k:/eclipse/eswork/Fapp/WebContent
   如图所示则命令执行成功。
   

5. 打开eclipse，刷新项目可以发现工程的WebContent目录已经被改变。
   

6. 将工程部署到tomcat，打开浏览器输入地址http://localhost:8080/Fapp/index.html，可以看到如下界面，第一个Ext js程序运行成功。
   

---