太郎は、学習のための統一されたフレームワークをマルチポート()

2020年2月(月曜日)10日時間は自宅で仕事の流行最初の日は
自宅で学習、独自のフロントエンド技術のうち共有します、我々はあなたが学ぶ助けに願っています

導入開口プレゼンテーションの太郎フレームワーク

太郎は目的が比較的新しい枠組みを提示し、また、マルチターミナルの混乱を解決することであり、Jingdongはバンプフレームワークの研究室で発売されました。
私たちは、コード開発の1種類に応じてモデルを開発が完了すると、プロジェクトは思うが、非常に興味深いものである、任意の端末に表示させる能力を持つことになります。その特定太郎これらの利点は、以下の画像を参照してください。
ここに画像を挿入説明

太郎は、現在の端末サポートされています

  • 小型マイクロチャネルプログラム
  • H5は、モバイルWebページを終了します
  • Baiduのアプレット
  • アリペイアプレット
  • 高速アプリケーション
  • リアクトネイティブ
  • バイト鼓動アプレット
  • QQ光アプリケーションは
    現在、フロントエンドのフレームワークプログラムまで少しのサポートであり、我々は簡単に匹敵するAPPのネイティブアプリケーションを生成することができることを、ReactNatvieをサポートしています。あなたは、企業のネットワーク全体のプロモーションを使用したいのであれば、ほとんどのトラフィックの入り口を占領し、それは太郎を使用しても問題ありません。
    、デバッガは非常に便利であるユニ学生に精通しているが、ユニは、同様の機能、機能世代のマルチターミナルアプリケーション、だけでなく、専用のエディタを持って話すがあり、以下のような比較チャートのようなmpvueとして他の人だけでなく、里芋とUNI-アプリを置く
    ここに画像を挿入説明
    ことにより、これを見ることができる、太郎、太郎とフレームワークの力は、フロントエンドでの技術のますます高い割合となります。そして、統一されたAPI、統一コードとコードの構造の統一規範のための統一されたフレームワークで、それがどのような偉大な開発経験があります。
    開発は億のああ感を節約、最小限に圧縮のすべての主要なプラットフォーム用のレイアウト、人材と時間のコストを完了することができます。

私たちは、魔法のベールは、秘密をまとめ太郎下回ります

太郎環境とのHello Worldを構築します

事前知識

このフロントエンドフレームワークは、あなたには、いくつかの事前の知識を必要とし、知ることができます。

  • HTML、CSS、JavaScriptのこれら三つの基本、少なくとも単純な静的ページを作ることを学ぶために
  • それが反応最高のフレームワークになる場合、MVVMフレームワークを理解します
  • ES6とのコードは、プロジェクトの開発と管理のために、より便利にそれらを調整するために2020年にES6関連する文法だけでなく、現在人気のフロントエンドの開発フレームワークを学びます

はじめ太郎コンパイルツール

太郎は、文法仕様を反応させ、太郎を用いて溶液の開発に従うだけのコードを書き、その後太郎コンパイルツールによって、ソースコードをコンパイルし、次にそれぞれ異なる端末(微信アプレット、H5、RN、等)することができると言うことマルチありますコードを実行します。

だからここ太郎コンパイルツールは非常に重要であり、ここに絵が来ます。
ここに画像を挿入説明

太郎開発環境のインストール

1.最初のステップは、@ tarojs / CLI(足場ツール)をインストールすることですが、またティーチ開発ツールに。

あなたは次のようにコマンドをインストールし、この糸またはグローバルNPMを使用することができます。

NPMインストール

npm install -g @tarojs/cli

糸のインストール

yarn global add @tarojs/cli

コマンドラインを開いた後、トップのコマンドを入力します。

2.次のようにインストールが完了したら、あなたは足場でプロジェクトを作成することができますが、コマンドは次のとおりです。
taro init taro-dome

あなたが使用している場合、NPM失敗する大きなチャンスがある場合に、これらの障害は、主に国内のネットワーク環境の制限があるため、足場インストールすることを小さなピットがあります。2つのソリューション、最初にインストールするために、科学とインターネットにリンクされ、第二は、暗いをオンに糸を使用することですが、私は糸を使用するためにここにいるがあります。

Hello Worldのプログラム

我々のプロジェクトの上にプロジェクトを作成すると、作成されたことで、その後、プロジェクトには、次のコマンドを実行することです。

cd taro-dome
npm run dev:h5

あなたは、アプレットを実行したい場合はここでH5提供package.jsonスクリプトのそれぞれの動作モードに応じて、モードを理解し実行しています。
ここに画像を挿入説明
示すように、ブラウザのHello World、デフォルトポート10086に表示されるページを実行した後:
ここに画像を挿入説明
開発環境の準備に主にこのセクションをし、太郎のHello Worldプログラムをインストールし、次のセクションに進みます

公開された34元の記事 ウォンの賞賛5 ビュー50000 +

おすすめ

転載: blog.csdn.net/jason_renyu/article/details/104250544