Electron-building-uis
提供:Dev Guides
Electron-UIの構築
Electronアプリのユーザーインターフェイスは、HTML、CSS、JSを使用して構築されています。 そのため、ここでもフロントエンドWeb開発に利用可能なすべてのツールを活用できます。 Angular、Backbone、React、Bootstrap、Foundationなどのツールを使用して、アプリを構築できます。
Bowerを使用して、これらのフロントエンドの依存関係を管理できます。 -を使用してbowerをインストールします
これで、利用可能なすべてのJSおよびCSSフレームワーク、ライブラリ、プラグインなどを取得できます。 バウアーを使用して。 たとえば、ブートストラップの最新の安定バージョンを取得するには、次のコマンドを入力します-
これにより、_bower_components_にブートストラップがダウンロードされます。 これで、HTMLでこのライブラリを参照できます。 これらのライブラリを使用して簡単なページを作成しましょう。
npmコマンドを使用してjqueryをインストールしましょう-
さらに、これはview.jsファイルでは_required_になります。 次のようなmain.jsのセットアップが既にあります-
次のコマンドを使用してアプリを実行します-
上記のコマンドは、次のスクリーンショットのように出力を生成します-
Webサイトを構築するのと同じように、ネイティブアプリを構築できます。 ユーザーを正確なウィンドウサイズに制限したくない場合は、レスポンシブデザインを活用して、ユーザーがアプリを柔軟に使用できるようにすることができます。