ExtJS快速入门-如何运行

我已经开始学习ExtJS，并立即开始学习的第一步

我应该把hello world代码放在哪里才能在我的网页中看到结果，而不是他们的交互式演示

我已经启动并运行了本地web服务器，所以问题在于应用程序的文件布局。

您在项目的根目录中创建了一个app.js文件，然后将代码放在那里。在包含库脚本之后，还应将此文件包含在index.html文件中，如下所示：

<script type="text/javascript" src="app.js"></script>

---

对于一个项目，如果可能的话，您应该使用Sencha Cmd来创建一个应用程序。您将找到所需的一切，包括带有store、view等的示例应用程序。，在您提供给Sencha Cmd命令行实用程序的应用程序工作目录中，当我在index.html文件中包含app.js时，我得到TypeError:Ext.Viewport.add不是一个函数。如果我包含Ext-modern-all-debug.js而不是Ext-all-debug.js，我得到TypeError:Ext.Viewport是未定义的。如果我遵循ExtJS文档中的示例我得到TypeError:Ext.setup不是一个函数。真是一团糟啊。最终，他们在文档的最终版本中做到了这一点。即使文档是为ExtJS 6.5.1编写的，它也可以与ExtJS 6.2.0 GPL一起使用。

<script type="text/javascript">
   Ext.application({
    name: 'MyApp',

    launch: function() {
        Ext.Viewport.add({
            xtype: 'panel',
            title: 'New Panel',
            html: 'My new panel!'
        });
    }
});
</script>