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プログラムをインストールし、次のセクションに進みます