82

Angular.js を学習して使用することを確信した後、経験の学習輪を起動するために、具体的な Web UI アプリケーションを開始するつもりでした。(このアプリは、ある種の個人的な計画、To Do リスト、リマインダー、ポモドーロ テクニック指向などになります...)

私が見た Angular の作成者によるチュートリアル ビデオの 1 つは、ベスト プラクティスに関するものです。ベスト プラクティスの 1 つは、angular-seedプロジェクトから始めることです。

それが私がやろうとしていたことですが、少しグーグルした後、良い出発点であると主張する少なくとも2つの他のプロジェクトがすでにあります:

  • angular-enterprise-seed
  • angular-sprout

初心者ですが、長期投資が好きです。以外のものを使用することを心配する必要がありangular-seedますか? この質問を自問するのは時期尚早だと思いますが、すでに他に2 つのプロジェクトがある場合は、いくつかの正当な理由があるかもしれません。

4

5 に答える 5

26

それぞれメリットが違うので、何をしたいかによって変わってきます。angular-enterprise-seedを書きましたが、その相対的なメリットについて話すことができます。

  1. サーバーに依存しません。 これは、AngularJS の中心的な原則であり、AngularJS を魅力的にする多くの要素の 1 つであるクライアント MVC パラダイムに従っているため、重要です。これは、すべてのサーバー テクノロジーから完全に切り離されていることを意味します。既存のシードの多くは、 angular-sprout (NodeJS) やgrilled-feta (Google App Engine/Java)などのサーバー テクノロジーに AngularJS を結び付けています。前述のプロジェクトの場合、NodeJS および/または Java 環境がまだシステムにない場合、シードが表示されるのを確認するためだけに、いくつかの手順を実行する必要があります。これは、PHP や Python の開発者を遠ざける可能性があり、その結果、プロジェクトのコミュニティが制限されます。

  2. 数秒で稼働します。サーバーに依存しないため、任意のコンテナーで実行できます (その点についてはファイルシステムを調べてください)。推奨される方法は、ルート ディレクトリから「python -m SimpleHTTPServer」を実行することです。これは Mac と Linux にネイティブに組み込まれているため、追加の手順はありません。

  3. ライブプレビュー。 ライブ バージョンは常にgithub でホストされているため、プロジェクトのステータスを確認するのは安価です。これはサーバーに依存しないため、cron ジョブから master を gh-pages ブランチにコピーすることで自動的に行われます。

  4. 豊かなスタイリング。 Angular-UI、Angular-NG、フォント、および豊富なスタイリングと応答性機能を提供するその他の無数のツールとともに、Twitter Bootstrap とカスタム/ビルド可能な LESS がすぐに使用できます。

  5. ウィジェット。Angular-Seed や Angular-Sprout と同様に、Angular-Enterprise-Seed は「ベスト プラクティス」のレイアウトやルーティングなどを例示します。しかし、既製のコンポーネントを多数提供し、既製のコンポーネントを棚から取り出してすぐに再利用することもできます。これは、いくつかのテクノロジの収束が必要になる可能性があるため、実行が少し困難です。たとえば、グリッドの例を作成するために、angular-ui、angular-ng、angular-js、および jquery スタイルを組み合わせました。モーダル、ページネーション、アラート、グリッドなどのコンポーネントの例があります。

Angular-seed は、ピースがどのように機能するかを学びたい場合のアカデミックな演習としては最適ですが、より実質的な出発点への憧れが残ります。

angular-sprout を使用したことがないので、そのメリットについて話すことはできません。angular-sprout と angular-enterprise-seed をマージする余地があるのではないでしょうか?

于 2013-06-12T01:59:30.263 に答える
18

これは古い質問であることは認識していますが、かなりの数のビューがあるようです。そのため、最近 Yeoman と angular-seed の両方に代わる非常に人気のあるものを推奨することは理にかなっています: ng-boilerplate . ng-boilerplate は angular-seed とは異なり、大規模な実稼働 Web アプリ用にゼロから設計されているため、私の意見では angular-seed よりも優れたソリューションです。

Yeoman と ng-boilerplate によるアプリのキックスタート方法の違いを説明するために、ngbp の作成者であるJosh D. Millerの言葉を引用します。

ヨーマンすごい。しかし、AngularJS のジェネレーターに関して私が抱えている問題は、それらが機能ごとではなくレイヤーごとにパッケージ化されていることです。すべてのコントローラーを「controllers」フォルダーに保存し、すべてのサービスを「services」フォルダーなどに保存し、すべてのテストを完全に別の場所に保存すると、コンポーネントを再利用するのが非常に困難になる可能性があります。

これは Yeoman angular-generator issues フォーラムでの Josh によるかなり良い議論でもあり、ng-boilerplate と yeoman のセットアップに関してさらに詳しく説明されています。

于 2014-05-22T20:26:44.110 に答える
9

私もヨーマンを使うのが好きです。良い足場を得るためにこれらを試してください：

npm install -g generator-angular  # install generator
yo angular                        # scaffold out a AngularJS project
bower install angular-ui          # install a dependency for your project from Bower
grunt test                        # test your app
grunt server                      # preview your app
grunt                             # build the application for deployment
于 2013-07-25T15:44:42.030 に答える