sencha touch hello world program不起作用

时间:2013-11-18 08:12:40

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

我安装了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>

1 个答案:

答案 0 :(得分:2)

您需要安装Sencha CMD,然后使用以下命令创建应用:

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

此命令将使用您需要的所有文件引导您的应用程序结构。目前您无法看到任何样式,因为没有app.json文件(将自动创建),这是指您的app.css。

之后,您仍需要XAMP或MAMP来运行您的应用程序。如果您没有安装任何这些,也可以使用:

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

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