1.太郎はじめに
2.環境構造
3.プロジェクト構造
4.コンパイル、デバッグは、マイクロチャネルをアプレット
5.太郎構造解析項目
6.糸詳細なコマンドは、
問題を解決する7:問題太郎CLIフレームワークのローカルバージョンをアプレット@ tarojs /里芋をインストール一貫性のないバージョンを-weapp
はじめに1.太郎
太郎は、コードを記述するために、このフレームワークを介して、フロントエンド小さなフレームワークであり、その後太郎コンパイルツールによって、(マイクロチャネル/百度/、H5異なる末端にPO /バイト叩解アプレットを支払うことができるコンパイルされるソースコードすることができ、反応-ネイティブなど)オペレーションコード、[太郎公式サイト](https://nervjs.github.io/taro/docs/README.html)
2.環境の構造
太郎環境要件ので、まずそれが正直ノード更新し、最新バージョンへのノードの更新を構築するために
2.1)を独自のビルド環境のバージョン番号の下の最初のチェックノード
ノード-v
その後、多くの点で、現在のノードのバージョン番号を表示しますが、NPM n(nはノードを管理するためのモジュール)によってノードモジュールを更新できるようになるだろうが、あなたが試した後、あなたは非常に多くのピットを見つけるだろう、最も非道なスキームでありますカバーのコマンドに従って、ネイティブノードの設置場所を表示し、最新のMSIをダウンロードするノード公式サイト内に設置することができます
どこのノード
それから彼は、ネイティブノードのインストール場所が表示され、最新のMSIをダウンロードした後、この位置で表紙にインストールすることができます。
2.2)今度はビルドには、次のコマンド太郎環境を実行します
NPMコンフィグ設定レジストリhttp://registry.npm.taobao.org/
NPMコンフィグセットsass_binary_site https://npm.taobao.org/mirrors/node-sass/
cnpmインストール-g @ tarojs / CLI
最初のコマンドNPM淘宝ミラーを使用することで、
第2のコマンドは、構成ノード-SASS淘宝ミラーである
第3のコマンドはcnpmタロイモ、タロイモコマンドを生成するグローバルインストールを使用することです。里芋-cliのパッケージは、パッケージのディレクトリ太郎プロジェクトであり、プロジェクト等、建物、コンパイル、初期化のために責任があります
インストールが完了したら、次のコマンドで里芋をインストールするかどうかを確認するために完了しています
里芋-V
インストールの場合は、次のように全く問題は表示されません
どのように2.3)設定環境は、次のエラー処理が発生しました
C:\ユーザー\ Administratorの\のAppData \ローミング\ NPM \ node_modules \ @tarojs \ CLI \ SRC \ UTIL \ index.js:227
exports.replaceAsync =非同期関数(文字列、正規表現、asyncFn){
^^^^^^^ ^
SyntaxError:予期しないトークン関数
createScriptで(vm.js:56:10)
Object.runInThisContextで(vm.js:97:10)
Module._compileで(module.js:542:28)
Object.Module._extensionsで.. JS(module.js:579:10)
Module.loadで(module.js:487:32)
tryModuleLoadで(module.js:446:12)
Function.Module._loadで(module.js:438:3)
でModule.require(module.js:497:17)
必要で、(内部/のmodule.js:20:19)
オブジェクトで<匿名>(C:\ Users \ユーザー管理\のAppData \ローミング\ NPM \ node_modules \ @tarojs \ CLI \ binに\太郎:4:44)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
おめでとうございます、これはノードにそれを更新することにより、最新バージョンのノードではありません
ビルド3.プロジェクト
プロジェクト構築するには、次のコマンドで
里芋のinit太郎学習プロ
ここで構築された名前里芋学習-Proプロジェクトは、(プロジェクトを作成するときに、プロジェクト名は大文字を含めることが最善ではありません...)、上記のコマンドを入力した後、ステップ操作で指示ステップに従ってください
次に、ダウンロードが完了したときに依存している、対応するプロジェクトが依存しますダウンロードし、以下のヒントがあるでしょう
この時点でプロジェクトがプロジェクトディレクトリを生成するために、異なるテンプレートを使用して、デフォルトのテンプレートが作成されている次のディレクトリ構造を使用して作成されたことは、いくつかの小さな違いがあるだろう
プロジェクトが作成されると、私たちは、小さなプログラムのデバッグをコンパイルすることができ、そしてここでは例として、小型のマイクロチャネル・プログラムを生成します
4.コンパイル、デバッグは、マイクロチャネルをアプレット
4.1)コマンドラインで次のように入力して
、NPMの実行DEV:weapp
このコマンドは、次のような結果とdistディレクトリ内のプロジェクトコードとオブジェクトファイルをコンパイルします。
このとき、マイクロチャネルは、アプレットファイルがターゲットディレクトリDISTに生成されている記載されています
4.2)開発ツールは、マイクロチャネルのダウンロード
マイクロチャンネル公式サイトの開発ツールを
インストールをダウンロードした後、
マイクロチャンネルスキャンコードを使用してログインした後、小さなプロジェクトのプログラムを選択
次に、プロジェクトディレクトリのdistファイルフォルダを選択
[OK]をクリックし、ファイルが変更された場合里芋は、注意してご使用のファイルの変更を監視してように、小さなマイクロチャネルプログラムは、ツールのインターフェイスを変更します
5.太郎プロジェクト構造解析
チャートショーからは、app.tsx入り口は、プロジェクトの文書は、パッケージ管理用の糸ツールを使用してプロジェクトが、糸の役割を代わりにNPMの糸が、ここでは気にしない理由として、代わりにJS NPMパッケージ管理ツールを使用した太郎です。
6.糸コマンド詳細
グローバルToolsのインストール糸は:-g糸をインストールcnpm
アドオン依存糸とyarn.lock package.json更新されたファイルを通じて追加し、依存関係を追加
[追加] [のpackageName]糸
糸の追加を[のpackageName] --dev package.jsonに依存devDependenciesを記録します
アップデート依存性の
糸のアップグレードは
依存関係を指定するように更新することができる
糸のアップグレードを[のpackageName]
依存除去
糸削除を[のpackageName]
すべてのファイルはのpackage.jsonインストールされている
糸や糸のインストール
7.問題を解決:ローカルにインストールアプレットフレームワーク@ tarojs /里芋-weappバージョンと矛盾の問題太郎CLI版、一貫性の確保
マルチプレイ時間が共同開発、グループは新しいメンバーを持っている、特に、新しい人々は自分のビルド環境を構築する必要がありますが、プロジェクトは早期成立にあるので、したがって、新しいバージョンや新しい開発環境の一貫性のない展開になります
例えば、プロジェクト内太郎CLIの早期使用:1.2.2は太郎CLI1.2.2を使用して作成されたにも依存性の多様性をダウンロードしますが、新しいプロジェクトに参加する時に、太郎は1.2.4にアップデートされましたので、実行NPMの実行DEV:weapp時間、一貫性のないリリースを促すメッセージが表示されます、根本的な原因は、依存ファイルであると太郎CLIバージョンの不整合が、我々は二つの場所で更新する必要があり、すべての原因
1:更新yarn.lock
2:更新package.json
更新yarn.lock:
-G糸のインストールcnpm
生地を
更新package.json:
-g NPM-チェックインの更新プログラムをインストールNPM
NCU -u
更新yarn.lockファイルの依存関係やファイルpackage.jsonを完了するために以前のコマンド
4足の親指アップ
----------------
免責事項:この記事は元の記事CSDNブロガー「yi_master」で、CC 4.0 BY-SAの著作権契約書に従ってください、複製、元のソースのリンクと、この文を添付してください。 。
オリジナルリンクします。https://blog.csdn.net/yi_master/article/details/86009294