ホームページ >ウェブフロントエンド >jsチュートリアル >Foundation UI フレームワークの概要
カニを食べたのは私が初めてではありません
近年、フロントエンドが非常に人気があります。人気があるのも無理はないですし、色々なものが入っています。さらに深く掘り下げる価値があります。ネイティブ HTML は、私が思っていたほど実用的ではなくなりました。フレームワークや自動化、その他のツールの登場は、フロントエンドの開発を加速する触媒のようなものです。
勉強しなければ、最終的には排除されます
財団は何ができるのですか
何年も前、ある女性がファラデーにこう尋ねたのを今でも覚えています。「先生、あなたが発見した電磁誘導は何の役に立つのですか?」ファラデー これは「奥さん、生まれたばかりの赤ちゃんが何に役立つか知っていますか?」に戻ります。もちろん、この例はここで使用するのは適切ではないかもしれませんが、私が説明したいのは、いくつかのフレームワークが現れて、人気があるのも無理はありません。技術も含めて、概念も含めて学ぶ必要がある。
それでは、フロントエンド UI フレームワークとして、Foundation は何ができるのでしょうか?
RWD とモバイルファースト。
レスポンシブ デザインとモバイル ファーストは、現在、1 つのコード セットを遵守し、どこでも実行できる Web デザインの基本原則です。多くのエネルギーを節約し、より多くのエネルギーを得ることができます。
最初の Foundation インスタンスを開始する方法ここでは、npm と git を使用して開発環境を構築します:
Foundation をグローバルにインストールします
npm --global foundation-cligit ツールを使用してコマンドラインを開き、作成したい場所に移動しますプロジェクト:
foundation newコマンドに従って、基本情報の入力を求められます:
1. ビルドするプロジェクトを選択し、ここで Web サイトを選択し、Enter キーを押します
2. プロジェクトに名前を付けます
3. 基本テンプレートを選択します
npm start
プロジェクト構成 完了しました。最初の Foundation プログラムを試してみましょう
以上がFoundation UI フレームワークの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。