2013-05-17 1 views
83

Angular.jsの使い方を熟知した後、私は具体的なWeb UIアプリケーションを開始し、経験の習得車を立ち上げようとしていました。 (アプリケーションは何らかの個人的な計画で、リスト、メモ、ポモドーロ技術などを指向させるなど)...角度シードは、事実上空のプロジェクトで始まるのですか?

One of the tutorial videos I have seen, by the author of Angular, is about best practices.angular-seedプロジェクトから始めるのがベストプラクティスの1つです。

  • angular-enterprise-seed
  • angular-sprout
:私がやろうとしてましたが、少しグーグル後、良い出発点であると主張する少なくとも2つの他のプロジェクトが既に存在しているものです

私は初心者ですが、私は長期的に投資したいと思います。 angular-seed以外のものを使用することについて心配すべきですか?私は自分自身にこの質問をするのは早すぎるように感じますが、すでに2つの他のプロジェクトがある場合は、多分いくつかの理由があります。

+1

私は「ベストプラクティス」の話は、いくつかの特定のテンプレートについての一般的な出発点としてテンプレートを使用して、そしてない程度以上であったと思います。はい、 '角芽 'にはいくつかの利点がありますが、私の意見では、角膜播種を学習目的に使うことができます。 – raina77ow

+0

質問から「テンプレート」という単語を削除するように編集しました。いいえ、確かに、著者はフレームワーク上にアプリケーションを構築するために、角型シードを使用することを主張しました。そのため、htmlテンプレートの意味ではなく、テンプレートという言葉を使用しました。それを指摘してくれてありがとう。 –

+0

'angle-seed'はうまく動作するはずです。それは実際にあなたのプロジェクトをどのように構造化したいのかという個人的な好みの問題です。私が使用するツールを提案しようとするなら、それは[yeoman](http://yeoman.io/)でしょう。角度のあるプロジェクトなどを足場にするのに最適です... –

答えて

60

多くの人がさまざまなシードプロジェクトを使用していますが、最も簡単な&アングルアプリ(または任意のjavascriptウェブアプリ)の一貫した開始点はYeomanです。

このアプリケーションは、アプリケーションのカーネルを構築し、希望のライブラリ(bower経由)と作業用gruntビルドファイルを作成するジェネレータを指定できるようにするスキャフォールツールです(ほとんどのジェネレータにはライブ編集用サーバータスク、テストタスク用のサーバータスク)

このようなアプリは必ずしも意見がありますが、それが作り出す足場はまだ非常に一般的です。

例:

mkdir my-app 
cd my-app 
npm install generator-angular 
npm install generator-karma 
yo angular 
+2

は確信しています! yeomanを得るためにオフにしてください... –

+8

上記の3行目は 'npm install generator-angular'であるべきです。 –

+0

そして行4:npmは発電機 - カルマをインストールします – Mattl

26

それはあなたがする探しているものに依存しますので、彼らはすべて異なる長所を持っています。私はangular-enterprise-seedと書いて、その相対的なメリットについて話すことができます。

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

  2. 秒単位で動作します。これはサーバーに依存しないため、どのコンテナでも実行できます(その点についてはファイルシステムを参照してください)。推奨される方法は、ルートディレクトリから "python -m SimpleHTTPServer"を実行することです。これはMacとLinux上でネイティブに行われるため、追加の手順はありません。

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

  4. リッチスタイリング。豊富なスタイルと応答性の機能を提供するために、Twitter Bootstrapとカスタム/構築可能なLESS、Angular-UI、Angular-NG、フォント、その他多数のツールが用意されています。

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

角度シードは、学術的な運動として素晴らしいですが、それは、より実質的なジャンプオフポイントのためにあなたの憧れを残します。

私は角芽を使用していないので、私はそのメリットについて話すことはできません。たぶん、角芽と角系の種子を融合させる余地があるのでしょうか?

+2

サーバー結合が必要な場合は、https://github.com/をチェックしてください。 robertjchristian/service-nucleusは、角度エンタープライズシードとnetflix-karyonを統合し、追加の機能を追加します。展開と戦争の準備が整いました。 (Javaベース、Jersey経由のRESTを含む)。 –

+1

これはベースとして本当にいいようですね。あなたはアングルマップのようなものを簡単に追加できるように統合することを検討しましたか? – Baldy

+1

@Baldy - はい、Bowerをプロジェクトにシムしたいと思います。あなたはボランティアですか? :) –

9

私はYeomanも好きです。良い足場を得るためにこれらを試してみてください:

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 
+0

このジェネレータはかなり古くなっているので、私はもはやそれをお勧めしません。 – dmackerman

+0

はい、他のものをhttp://yeoman.io/generators/で見つけてください。角度/角2を検索する – HankCa

18

私はこれは古い質問ですが、ビューのかなりの数を持っているように見えるので、最近に非常に人気の代替となっているものをお勧めすることは理にかなっていることを認識Yeomanと角種子の両方:ng-boilerplate。 ng-boilerplateは大規模なWebアプリケーション向けに設計されている点で角型のシードとは異なり、私の意見では角型のシードよりも優れたソリューションです。

ヨーマンとアプリのキックスタートのNG-定型方法の違いを説明するために、私はngbpの作成者を引用しましょう、Josh D. Miller

ヨーマンは素晴らしいです。しかし、AngularJSのジェネレータの問題は、フィーチャーではなくレイヤーでパッケージ化することです。すべてのコントローラを "controllers"フォルダに保存し、 "services"フォルダなどのすべてのサービスとそれ以外のすべてのテストを完全に保存すると、コンポーネントを再利用するのは非常に困難です。ジョシュによって

This is also pretty good discussionヨーマン角度発電の問題のフォーラムで、それはヨーマン対NG-定型のセットアップに関する深さの多くを行きます。

11

Yeomanはジェネレータではありません。 Yeomanはジェネレータを作るためのフォーマット/システムです。 AngomanJSアプリケーションを生成するために使用できるYeomanで作られたいくつかのジェネレータがあります。人々はしばしば、間違ってその人の1つまたは複数をYeomanジェネレータと誤って参照します。しかし、多くがあります。まだ混乱していますか? Yeomanは唯一の発電機製造システムではない。ブランチはもう一つです。

質問に答えるために、hereは、AngularJSでWebアプリケーションを作成するために使用できる多くのAngularJSジェネレータの非常に包括的な比較ツールです。現在、これらのものの200以上の異なる側面が含まれています。それらの1つは、ファイル編成スタイルです。それで、もしそれがあなたにとって重要であれば、どのフィーチャーがフィーチャーごとにファイルを整理するのかを簡単に見ることができます。それは私にとってです。

まだいくつか残っています。このスレッドで言及された2つは私にとって初めてのものです。しかし、この比較によって、オプションとその比較方法がわかります。編集することもできます。だれかがこのようなことの専門家であれば、あなたが知っていることを分かち合うことができます。

神は、単に既存のものを改善するのではなく、これらのことを何度も作り続ける理由を知っています。推測があれば、私はその謎を解き明かすことが大好きです。

EDIT:私はあなたに何かの知識を共有するアンケートを記入するか、専門家にそうするように指示するかどうか質問します。アンケートを行うには

ここに行く: http://www.dancancro.com/technology-questionnaires/

+0

「なぜ人々が新しいものになるのか」という良い点を巧みに勘案して答えます。 – fdrv