ユニアプリのクイックスタート

すぐに二つの方法でプロジェクトVUE-CLIコマンドラインを作成するための視覚的なインターフェースを介して、ユニアプリのサポート。

HBuilderXビジュアルインターフェースにより、
視覚的な方法は比較的単純で、内蔵の関連する環境HBuilderX、ボックスのうち、無設定nodejs。

uniappの作成
ツールバーのファイルをクリック- >新規- >プロジェクト:
あなたは成功しuniappを作成することができ、[作成]をクリックし、ハローuniapp:、uniapp選択など、プロジェクト名を入力します。あなたが公式の例を体験することができこんにちはユニアプリのテンプレートをクリックします。

ファイル

ショートカットキーはCtrl + Rを実行しています

ユニアプリ投稿者
ネイティブアプリケーション(雲)としてパッケージを
HBuilderXツールバーで、以下に示すように、リリース、ネイティブパッケージを選択するAPP-クラウドをクリックします。

ファイル
次のインターフェイスは、あなたがパッケージをクリックすることができます。

ファイル

ファイル

ファイル

ファイル

ファイル

ファイル

Baiduのアプレットの開発ツールでは、正しく実行するために、テスト・プログラム・コードの後に、生成されたBaiduのアプレットプロジェクトをインポートし、Baiduのアプレット後のコード、アップロードするには、「アップロード」ボタンをクリックして管理センターを対応する選択し、アプリケーションを選択し、旅行の出版物を作成]をクリックしますバージョンその後、審査のために提出しました。

アリペイアプレットとして公開:

アリペイは、小さなプログラムで決済を参照してください:アリペイアプレットのチュートリアル。
/開梱/ DIST /ビルド/ MPに-トップメニューの「問題」HBuilderX =>「アリペイアプレット」をクリックして -alipay プロジェクトのコードを生成するためにアリペイ小さなプログラム。

ファイル

リリースショートカットキーはCtrl + Uであります

CLI足場を使用して、あなたはVUE-CLIを通じてユニアプリのプロジェクトを作成することができます。

グローバルインストールVUE-CLI

npm install -g @vue/cli

ユニアプリを作成します。

vue create -p dcloudio/uni-preset-vue my-project

ファイル

実行し、ユニアプリを公開

npm run dev:%PLATFORM%
npm run build:%PLATFORM%

%プラットフォーム%は、以下の値であってもよい:
値インターネット
H5 H5
MP-AlipayのAlipayのアプレット
MP-百度百度アプレット
MP-weixinマイクロチャネル・アプレット
MP-toutiao紀要アプレット
MP-QQ QQのアプレット

DEVとモードを築くの違い:
DEVモデルはブレークポイントデバッグの行動を促進SourceMapあり、
モードは、コードを圧縮します構築が小さく、アプリケーションの正式リリースバージョンに適している。
とき、環境判断、DEVモードprocess.env.NODE_ENV開発の値は、モードprocess.env.NODE_ENV値の生産を構築します。

CLIのプロジェクトを作成し、HBuilderXビジュアルインターフェース使用の違いは何ですかプロジェクトの作成に使用
コンパイラの違いを
、プロジェクトの下に設置コンパイラを作成したプロジェクトのCLIを。そしてHBuilderXのアップグレードに従っていません。コンパイラをアップグレードするには、NPMの更新を行います。
アップグレードHBuilderXで、HBuilderXのインストールディレクトリの下のコンパイラプラグインディレクトリが作成したプロジェクトHBuilderXビジュアルインターフェイスは、自動的にコンパイラにアップグレードされます。
あなたは、プロジェクトがでHBuilderXをドラッグすることができますHBuilderXを引き続き使用する場合は、CLIのプロジェクトは、作成するために使用されてきました。プロジェクト全体をHBuilderXにドラッグされた場合は、プロジェクトの下でコンパイル時のコンパイラを取ることに注意してください。srcディレクトリがHBuilderXにドラッグされている場合は、HBuilderXはディレクトリの下にコンパイラプラグインのインストールディレクトリを取ります。
CLIバージョンあなたが少なく、SCSS、TSと他のコンパイラをインストールしたい場合は、手動でNPMをインストールする必要があります。プラグインの無効な管理インタフェースHBuilderXのインストール、HBuilderXの役割についてのみプロジェクトが作成されました。

CLIのプロジェクトが支援d.ts.での正常な発達と文法のヒントvscode、webstormや他の開発ツールを持つことができ、他の従来のNPMライブラリーのような組み込みd.tsを、作成しました
使用HBuilderXがd.tsせずにプロジェクトを作成し、HBuilderX内蔵のユニアプリライブラリ文法のヒント。このプロジェクトのためにHBuilderXが作成され、別のエディタで開いてd.tsを追加し、プロジェクトの下でNPMの初期化を実行することができ、その後、私はタイプ/ユニアプリ@ NPM 、-D d.ts.を補完します
しかしvscodeとVUEまたはユニアプリ開発の効率比が、HBuilderXの分野における他の開発ツール。参照します。https://ask.dcloud.net.cn/article/35451
まだあなたがHBuilderXを使用する必要がある、アプリを公開。他の開発ツールは、Appを公表することはできませんが、H5、小さなプログラムの多様性を公開することができます。開発のためのアプリケーションは、最初HBuilderXで起動して実行すること、その後、別のエディタに保存されているコードを変更することができ、コードの変更は、自動的に電話基地に同期されます。
CLIを使用している場合は、単にダウンロードHBuilderXに10Mの標準バージョンをダウンロードし、プロジェクトを作成します。コンパイラは、プロジェクトの下にインストールされているため。


ローカルコンテンツのこの数字は(例:著作権やその他の問題への)ビットを取得しない場合は、整流のための私達に連絡してください、タイムリーにすることができ、最初の時間に処理されます。


親指ください!あなたが同意しているので/励ましは、私の文章の最大の力です!

ようこそ注意ニッチT-のジェーンの本!

これは、品質、態度のブログです

ブログ

おすすめ

転載: www.cnblogs.com/dashucoding/p/11504198.html