Taroインストール入門

Taroプロジェクトのインストール

Taro入門——taro-application-templateプロジェクト運転

環境整備

taro環境取付

1、taroの取り付け:

2、設置項目依存:

3、運転項目:

起動完了

Taro入門-taro-application-templateプロジェクト実行
環境準備
Node環境(≧8.0.0)
taro環境取付
1、taroを取り付ける:

#    npm    cli
$ npm install -g @tarojs/cli

#    yarn    cli
$ yarn global add @tarojs/cli

#    cnpm    cli
$ cnpm install -g @tarojs/cli

注意:sass関連のインストールエラーが発生した場合は、mirror-config-chinaをインストールしてから再試行してください.

#    npm
$ npm install -g mirror-config-china

#    yarn 
$ yarn global add mirror-config-china

#    cnpm
$ cnpm install -g mirror-config-china

taroが内部または外部コマンドではなく、実行可能なプログラムまたはバッチファイルではない場合があります.ソリューション:1)yarnインストールによりyarnインストールディレクトリを検索する;インストールディレクトリをシステム環境変数に追加し、端末を再開するとまず端末実行コマンドyarn global binが、

#   yarn    
$ yarn global bin 

2)キャッシュをクリアして再インストールを試みる

npm cache vidify

2、インストール項目依存:

#    npm     
$ npm install

#    yarn     
$ yarn

#    cnpm     
$ cnpm install

3、プロジェクトを実行する:

#    npm
$ npm run dev:rn
$ npm run build:rn

#    yarn
$ yarn dev:rn
$ yarn build:rn

#    taro （      ）
$ taro build --type rn --watch
$ taro build --type rn

# npx        
$ npx taro build --type rn--watch
$ npx taro build --type rn

起動完了
コンパイルが完了すると、異常がなければ自動的に端末が開き、8081ポートでMetro Bundlerを起動してjsbundleのパッケージを担当します.注意:少数のパソコンでは、自動的に端末が開かない可能性があります.手動で起動できます.コマンドは以下の通りです.

node ./node_modules/react-native/local-cli/cli.js start --reset-cache

次のように開くことができます.http://localhost:8081/起動に成功したかどうかを確認できます.