Sencha-touch-environment
Sencha Touch-環境
ローカル環境のセットアップ
このセクションでは、Sencha Touchをマシンにダウンロードしてセットアップする方法について説明します。 手順に従って環境をセットアップしてください。
ライブラリファイルのダウンロード
次のリンクhttps://www.sencha.com/products/download[https://www.sencha.com]からSencha Touchライブラリファイルの商用バージョンをダウンロードします。 登録済みメールIDのサイトから試用版を取得します。これは、sencha-touch-2.4.2-commercialという名前の圧縮されたフォルダーになります。
フォルダーを解凍すると、アプリケーションに含めるさまざまなJavaScriptおよびCSSファイルが見つかります。 主に次のファイルを含めます-
*Javascript Files* -フォルダ\ sencha-touch-2.4.2commercial \ touch-2.4.2にあるJSファイルは-| Sr.No | File & Description |
|---|---|
| 1 |
sencha-touch.js これは、アプリケーションを実行するためのすべての機能を含むコアファイルです。 |
| 2 |
sencha-touch-all.js このファイルには、ファイル内にコメントなしで縮小されたすべてのコードが含まれています。 |
| 3 |
sencha-touch-debug.js これは、デバッグ用のsencha-touch-all.jsの縮小されていないバージョンです。 |
| 4 |
sencha-touch-all-debug.js このファイルも縮小されておらず、エラー/問題をチェックするためのすべてのコメントとコンソールログが含まれているため、開発目的で使用されます。 |
これらのファイルをプロジェクトのJSフォルダーに追加するか、システム内のファイルが存在する場所への直接パスを指定できます。
- CSSファイル*-フォルダーI：\ sencha touch \ sencha-touch-2.4.2-commercial \ touch-2.4.2 \ resources \ css \ sencha-touch.cssにあるテーマベースのファイルが多数あります。
これらのライブラリファイルは、次のようにSencha Touchアプリケーションに追加されます-
<html>
<head>
<script type = "text/javascript" src = "../sencha-touch-2.4.2-commercial/touch-2.4.2/sencha-touch-all.js"></script>
<link href = "../sencha-touch-2.4.2-commercial/touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet"/>
<script type ="text/javascript" src = "app.js" > </script>
</head>
</html>app.jsファイルにSencha Touchアプリケーションコードを保持できます。
CDNセットアップ
CDNは、Sencha Touchライブラリファイルをダウンロードする必要のないコンテンツ配信ネットワークです。代わりに、次のようにプログラムにExtJSのCDNリンクを直接追加できます-
<html>
<head>
<script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch-all.js"></script>
<link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel="stylesheet"/>
<script type = "text/javascript" src = "app.js" > </script>
</head>
</html>人気の編集者
Webアプリケーションの開発に使用されるJavaScriptフレームワークであるため、プロジェクトにはHTML、JSファイルがあり、Ext JSプログラムを作成するには、テキストエディターが必要です。 市場には複数のIDEがあります。 しかし、今のところ、次のいずれかを検討することができます-
- Notepad -Windowsマシンでは、Notepad（このチュートリアルに推奨）、Notepad ++などの単純なテキストエディターを使用できます。
- Brackets -http://brackets.io/[____http://brackets.io/]からダウンロードできる別の一般的なIDE。
- Sublime -https://www.sublimetext.com/3[____https://www.sublimetext.com/3/]からダウンロードできる別の一般的なIDE。
