Foundation UI フレームワークの概要

カニを食べたのは私が初めてではありません

近年、フロントエンドが非常に人気があります。人気があるのも無理はないですし、色々なものが入っています。さらに深く掘り下げる価値があります。ネイティブ HTML は、私が思っていたほど実用的ではなくなりました。フレームワークや自動化、その他のツールの登場は、フロントエンドの開発を加速する触媒のようなものです。
勉強しなければ、最終的には排除されます

財団は何ができるのですか

何年も前、ある女性がファラデーにこう尋ねたのを今でも覚えています。「先生、あなたが発見した電磁誘導は何の役に立つのですか？」ファラデー これは「奥さん、生まれたばかりの赤ちゃんが何に役立つか知っていますか?」に戻ります。もちろん、この例はここで使用するのは適切ではないかもしれませんが、私が説明したいのは、いくつかのフレームワークが現れて、人気があるのも無理はありません。技術も含めて、概念も含めて学ぶ必要がある。
それでは、フロントエンド UI フレームワークとして、Foundation は何ができるのでしょうか?
RWD とモバイルファースト。
レスポンシブ デザインとモバイル ファーストは、現在、1 つのコード セットを遵守し、どこでも実行できる Web デザインの基本原則です。多くのエネルギーを節約し、より多くのエネルギーを得ることができます。

最初の Foundation インスタンスを開始する方法

ここでは、npm と git を使用して開発環境を構築します:

Foundation をグローバルにインストールします

npm --global foundation-cli

git ツールを使用してコマンドラインを開き、作成したい場所に移動しますプロジェクト:

foundation new

コマンドに従って、基本情報の入力を求められます:

1. ビルドするプロジェクトを選択し、ここで Web サイトを選択し、Enter キーを押します
2. プロジェクトに名前を付けます
3. 基本テンプレートを選択します

cd でプロジェクトのルート ディレクトリに移動し、Foundation を開始します

npm start

プロジェクト構成 完了しました。最初の Foundation プログラムを試してみましょう

以上がFoundation UI フレームワークの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。