1

サンプルの煎茶アプリを使い始めました。コードのタイプミスやエラーを見つけるのは本当に難しいと思います。

コーディング中のオートコンプリート用にEclipseプラグインを追加しました。ただし、煎茶アーキテクトと同じように試用版です。煎茶アプリの開発方法について本当に混乱しています。

sencha 開発者が効率的にデプロイおよびデバッグできるように使用しているツールを知りたいです。

前もって感謝します。

4

2 に答える 2

2

Anubisは、Sencha Touch を手作業でコーディングすることで、ハチの膝の大部分をカバーしました。

子猫にあと数セント追加したいと思います。

私の個人的な IDE の好みは Sublime Text です。コードのプロジェクト全体を調べてみても、有効性と速度に匹敵するものはありませんでした。すべてをカスタマイズできます - 特に色とキーバインド。また、Chrome や Github と連携して動作するなど、ばかばかしいほど豊富なプラグインもあります。

煎茶ガイド

Miami Coder Tutorials - 他のほとんどのガイドよりも早く開発パターンを理解するのに役立つ実用的なチュートリアルの素晴らしいコレクションです。初心者に最適です。

Figleaf Trainingは少し型にはまらないかもしれませんが、Sencha Touch とそれができるほとんどすべてを学ぶための優れた無料の手段です。初心者にも最適です。

Druck IT - ガイドと ST 情報の堅実なコレクション。これらのリストなど、他の多くの便利なサイトへのリンクがあります。

Mitchell Simoens - Mitchell は Sencha のスタッフであり、質の高いコーダーであり、彼のサイトには学習に役立つ素晴らしいアドバイスとスニペットがあります。ここでは、ST を適切にコーディングする方法を真に学ぶことができます。把握に役立ちますが、主に中級以上の知識に役立ちます。

Ladysign - Sencha トレーナーの 1 人。他のサイトや本では決して言及されていない多くの面で「ハウツー」を明確にするコンテンツがあります。品質情報。この情報は、あなたを基本以上のものにし、あなたの知識と理解を具体化します.

Modus Create - Jay Garcia は ST の開発者の 1 人です。Modus Create は彼の企業であり、ブログ内にいくつかの役立つガイドが含まれています。

カスタム フォント アイコン- 2.2 の完全なガイド。非常に便利。

STを専門的にコーディングする方法に関する情報に至るまで、信じられないほどのちょっとした情報源であるサイトが他にもいくつかあります。ただし、上記のこれらのリンクは非常に役立ちます。何よりも、ソースコードを読んでください。コードの使用方法の例であるだけでなく、非常によく文書化されています。私はこのようにしてばかげた量を学びました。

GRUNT (NPM/Node.js を使用)!

グラントを使おう！これにより、やりたいことの大部分が自動化されます。たとえば、コマンド ラインで「grunt」と入力すると、コードを jshint/jslint したり、すべての .js ファイルを連結したり、すべての css ファイルを連結したり (すべてのコンパス ジョイを含む)、難読化、圧縮したり、包括的な一連の単体テストを実行したりできます (特にファントム)、目的の場所に出力し、ブラウザ ウィンドウを更新して一番上にチェリーを追加します。grunt watch プラグインを追加すると、定義されたディレクトリにファイルが保存されるたびにそれが行われます。コードのバグ - 壊れている正確な特定の行番号を取得します。

grunt の美しさは、さまざまなタスクのオプションの代替コマンドラインによって拡張されます。また、数 kB の package.json ファイルで、作成した gruntfile で使用するプラグインの正確なリストを指定して、メガバイトのファイル転送を節約できます。NPM はそのファイルを処理し、操作に必要なすべてをダウンロードしてインストールできます。別のコンピューターでの迅速なセットアップが可能になります。

補足: Touch Nodeは成熟しました。これにより、すべての ST のクラス構造がサーバーサイド JavaScript を開発できるようになります。

Sencha Cmd を含めたいですか？

Sencha Cmd (ついに) は、完全なライブラリから依存クラスのみを収集するという適切な仕事をします。

grunt-sencha-build

うなり声-senchacmd

Sencha Cmd の代替

ST と ExtJS の両方で機能するMatt Goldspink の grunt-sencha-dependenciesでGrunt を拡張するか、 grunt-sencha-resolverを使用します。この後者は私が使用していません。

于 2014-03-07T14:54:36.510 に答える
2

アプリケーションを開発する際のワークフロー/ツールの選択は主観的な問題なので、昨年 Sencha Touch 開発者としての私の経験についてお話したいと思います。

コードのタイプミスやエラーを見つけるのは本当に難しいと思います。... 煎茶アプリをどのように開発すべきか、本当に混乱しています。

私の意見では、これはツールの問題ではありません。Sencha Touch には避けられない急な学習曲線があります。簡単な例から始めるべきであり、特定のプログラミングの問題がある場合は、ここで質問できます(個人的には、Sencha Touch フォーラムはスタックオーバーフローよりも役に立たないことがわかりました)。

最も重要なことは、基本的な概念を理解することです。

また、これらのガイドはすべて非常に役に立ちます。それらを理解し、Sencha Docs の使用方法を習得してください。Sencha Docs には、あいまいで説明されていないプロパティがいくつかありますが、Sencha Touch アプリを開発する際の主要なリソースになるはずです。

残念ながら、コンポーネントに間違ったプロパティを設定したり、コンポーネントがどのように機能するかを誤解したりすると、あいまいなvar is not definedエラーが発生することがあります。これが発生した場合は、Sencha Touch のソースコードをチェックすることを恐れないでください。コードはよく書かれており、通常は理解しやすいものです。

ここでも、使用するツールは Sencha Touch Docs です (クラス タイトルにカーソルを合わせると、そのソース コードとブラウザのデバッグ コンソールを直接調べることができます。頻繁にconsole.debug()メッセージを使用し、フレームワーク クラス内で何か奇妙なことが発生した場合は、実行を停止しdebugger;てソース内にステップ インします)。コード）。

質問に戻ります。私は次のツールを使用しています。

  • NetBeans、
  • Chrome DevTools、
  • クロームリップルエクステンション、
  • Sencha コマンド (オプション)
  • Compass CSS オーサリング フレームワーク
  • いくつかのシェルスクリプト

IDE は個人的な選択の問題です。Netbeans には、Javascript に関する優れた提案がいくつかあります。変数が使用されているが現在のスコープで定義されていない場合、または定義されているが使用されていない場合に、変数を強調表示します。これは、タイプミスに対して非常に役立ちます。メモリ使用量の点で非常に重いです。Eclipse、またはより軽いものでも同様に良いと思います。

Windows を使用している場合、Chrome はちょっと強制的な選択です。Chrome の DevTools は優れています。必ずマスターしてください。Chrome は主な作業ツールになります。繰り返しますが、多くの RAM が役に立ちます。

Ripple は、さまざまなデバイスでモバイル アプリをテストできる貴重な拡張機能です。Phonegap をネイティブ展開に使用している場合は、ブラウザーで API の一部をエミュレートします。

Compass は、sass ファイルをコンパイルするために Sencha が提案するツールです。Sencha Docs にコンパスのセットアップ方法に関する詳細なチュートリアルがあります。

私は Sencha Command を使用していますが、厳密には必要ではありません。リソースの縮小を気にしないのであれば (ただし、そうすべきです)、あまり見逃すことはありません。ネイティブ アプリを開発している場合、Sencha Command デプロイ機能の不足を、html/js/css リソースを Phonegap プロジェクトの assets フォルダーにコピーする単純なシェル スクリプトで補うことができます。

毎回手動で実行する必要がないように、別のスクリプトが起動時にフォルダーで自動的compass watchにアクティブになります。/resources/sass

ほんの 2 セントです。お役に立てば幸いです。

于 2013-08-03T07:15:48.440 に答える