Taro開発微信小プログラム配置環境(一)

WeChatウィジェットが提供するフォーマットは似ていますが、上手コストが高いです.京東凹凸実験室が開発したTaroフレームはReact文法に基づいて、多端末で使用できます.マイクロクレジットプログラム、アリペイプログラム、バイト脈動プログラム、H 5、RN.でも、一番大切なのはマイクロクレジットのプログラムに適応することです.
今回は、Taroを使って服を着たWeChatアプリを開発し、Taro UIライブラリを使う.第一章基本的な配置環境から、
設置Taro:

#    npm    CLI
$ npm install -g @tarojs/cli
# OR    yarn    CLI
$ yarn global add @tarojs/cli
# OR     cnpm，   cnpm    CLI
$ cnpm install -g @tarojs/cli

新規プロジェクトを作成:

$ taro init myApp

今回の設定はType Script、Less、標準テンプレートを使用しません.Taro UIのインストール:

npm install taro-ui --save

src下のapp.jsにおいて、コンポーネント・スタイルをグローバルに導入し、追加する.

import 'taro-ui/dist/style/index.scss'

OKです基本的に設定が完了しました.プログラムプレビューモードを使用して、ページの変化を修正しながら観察することができます.WeChat開発者ツールをダウンロードする必要があります.WeChat開発者ツールを開き、プロジェクトに入力します.

# npm script
$ npm run dev:weapp
#       
$ taro build --type weapp --watch
# npx       
$ npx taro build --type weapp --watch

TaroはWeChatウィジェットのファイル形式をコンパイルしてdistディレクトリに保存し、WeChat開発者ツールを使ってdistディレクトリを開くと、ウィジェットページをプレビューできます.
Taro開発WeChatアプレット-登録実現(二)Taro開発WeChatアプレット-ユーザー授権(三)Taro開発WeChatアプレット-TabBar実現(四)