0
新しいウェブサイトを開発するときは、まずPhotoshopを使用してレイアウトを設計し、次にレイアウト全体をhtml + css +画像に「分割」します。私たちのプロジェクトでは、Angular2を選択しました。 Angular2ウェブサイトのチュートリアルによると、HTMLをAngular2コンポーネントに分割しようとしました。例えば、我々が持っているリスト：アングル2開発の生産性を向上させる良い習慣はありますか？
<citi-list>
<citi-detail>
</citi-detail>
</citi-list>
をそれは次のようにAngular2コンポーネントに変換する必要があります。
import { Component } from '@angular/core';
import { CitiDetailComponent } from '/citi-list/citi-detail';
@Component({
selector:'citi-list',
template:`
<citi-detail>
</citi-detail>
`,
directives: [citi-detail],
styles: []
})export class CitiListComponent {
}
@Component({
selector:'citi-detail',
template:`
`,
directives: [],
styles: []
})export class CitiDetailComponent {
}
しかし、我々は書くために非常に多くの要素を持っています。生産性を向上させるために、私はコンポーネントジェネレータを書きました： https://github.com/jasondu168/ngen
htmlファイルからスケルトンコードを直接生成することができました。
問題はhtmlレイアウトを変更した後で、多くのコンポーネントも新しい要件を満たすように変更する必要があります。この場合、私はもうジェネレータを使用できません。
私の質問は次のとおりです。 Angular2コンポーネントの開発スピードを改善するための良い練習はありますか？ htmlレイアウトが変更された場合は、良いアイデアはありますか？
ありがとうございます。