イオン4 +イントロ


イオンは、すべての近代的なモバイルおよびデスクトップブラウザで利用可能なカスタム要素とシャドウDOM APIを使用してWebコンポーネントの分散セットです.イオンフレームワークは、簡単にフレームワークでインポートできるHTMLタグの独自のカスタムセットが含まれています.
イオンはバンドルサイズと負荷性能に関してパックを導くステンシル製のコンポーネントを含んでいます.このWebフレームワークは、より高いパフォーマンスレベルに到達するために反応と角度で使用することができます.
イオンは、プラットフォーム間で使用できるカスタムテーマのデザインの美しい配列をしています.能力の若干の小さなサンプルは、ここにあります
イオンの別の興味深い側面は、束を使用することができます.そして、あなたが利用する他のウェブフレームワークに特有の道具.これは、角度を持つイオンを使用するときに角度CLIを使用することを意味し、反応でCLIを反応させるなど.
Inidioで始まるのはとても簡単です.
npm install -g ionic # Update the Ionic CLI
ionic start awesome-app
これはあなたのイオンのアプリを作成するすべての適切なニーズになります.次に、あなたが他のフレームワークをつかんで、あなたの夢プロジェクトを構築し始めることに応じて.
最後に、あなたの最初のイオンのホームページを作成するには、単にイオンCLIを利用します.
実行:
ionic generate page HomePage
そして、あなたは0ボイラーコードでイオンのホームページを作成します.
次のステップは、src/app/appのページをインポートすることです.モジュールです.このコードは次のようになります
import { HomePage } from '../pages/home/home';

@NgModule({
declarations: [
    MyApp,
    HomePage
    ],
imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
    MyApp,
    HomePage  
    ],
providers: [
    /* .... */
]
})
export class AppModule {}
これで、ワーキングホームページ、congratsを持っている!
では、なぜイオンを使うのでしょうか?確かに、主な理由は、そのシンプルさです.イオンは、簡単にクロスプラットフォームのアプリを構築することができます.アプリの全体的なパフォーマンスを高める多くの異なるプラグインがあり、これはあなたの開発にいくつかの簡単なコードを追加することが含まれます.これらの側面のすべてでは、ユーザーインターフェイスは非常によく行われます.イオンはまた、モーション、深さ、および禁止の素晴らしいUIのための材料設計の美しい色をサポートしています.使いやすさを育てるイオンの最終的な側面は、それが提供するテストの容易さです.クロスプラットフォームのテストが容易になりました.あなたはアプリケーションが機能する方法のアイデアを得るために実際のプラットフォーム上でアプリケーションのネイティブまたはハイブリッドをテストすることができます.
全体的に、イオンのいずれかの優れたオプションは、任意のハイブリッドアプリケーションを構築することですそれはあなたが選択した任意のフレームワークのユニークな組み合わせを活用します.