sencha touch hello world 程序不起作用答案

【问题标题】：sencha touch hello world program does not worksencha touch hello world 程序不起作用
【发布时间】：2013-11-18 08:12:40
【问题描述】：

我安装了 Sencha Touch 2 并编写了一个简单的 hello world 程序。它在 Chrome 上显示 Hello World，但没有任何类似移动设备的装备。我检查并可以从浏览器访问样式表文件。还有什么问题？程序中缺少什么？

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Hello World</title>

        <script src="../touch/sencha-touch-all.js" type="text/javascript"></script>
        <link href="../touch/resources/css/sencha-touch.css" rel="stylesheet" type="text/css" />

        <script type="text/javascript">

            Ext.application({
                launch: function () {
                    Ext.create('Ext.Panel', {
                        fullscreen: true,
                        html: 'Hello World!'
                    });
                }
            });

        </script>

    </head>
    <body></body>
</html>

【问题讨论】：

标签： google-chrome extjs sencha-touch-2

【解决方案1】：

您需要安装Sencha CMD，然后使用以下命令创建您的应用：

sencha -sdk /path/to/sencha-touch-sdk generate app MyApp /path/to/www/myapp

此命令将使用您需要的所有文件引导您的应用程序结构。目前您看不到任何样式，因为没有引用您的 app.css 的 app.json 文件（将自动创建）。

之后，您仍然需要 XAMP 或 MAMP 来运行您的应用程序。如果你没有安装任何一个，你也可以使用：

sencha fs web -p 8000 start -map /path/to/your/project

您可以在sencha documentation 中找到所有这些信息。

【讨论】：

谢谢。最后我找到了一些有效的例子，例如this。我将代码放入链接到 sencha 库和安装的 css 的 html 框架中。它可以工作，但它没有 app/ 和其他通过 sencha 命令创建的目录。我这样想念什么？
您是否使用过这里解释的“生成应用程序”命令：docs-origin.sencha.com/touch/2.3.1/#!/guide/command_app？