コマンドでuniappを実行する方法-uni-app-php.cn

コマンドでuniappを実行する方法

PHPz

リリース： 2023-04-20 14:06:23

オリジナル

3936 人が閲覧しました

モバイルインターネットの継続的な発展に伴い、ハイブリッドアプリケーションはますます注目を集めています。このような背景から、さまざまな新しい開発フレームワークが登場しています。新しいハイブリッド開発フレームワークとして、Uniapp は当然開発者の注目を集めています。 Uniapp は、クロスプラットフォームアプリケーションを迅速に開発する方法を提供し、開発者が一度コードを記述するだけで、iOS、Android、H5 などの複数のプラットフォームでアプリケーションを公開できるようになります。 Uniapp にまだ慣れていない場合は、まず公式 Web サイトのドキュメントを参照してください。この記事ではコマンドを使ってUniappを実行する方法を紹介します。

Uniapp CLI

Uniapp CLI は、Uniapp のコマンドラインツールです。 Uniapp アプリケーションを構築、実行、デバッグするための一連のコマンドを提供します。 Uniapp CLI を使用すると、開発者はアプリケーションをローカルで開発およびテストし、パッケージ化してさまざまなプラットフォームにリリースできます。

Uniapp CLI のインストール

Uniapp CLI を使用するには、まずインストールが必要です。 Uniapp CLI は、グローバルインストールとローカルインストールをサポートしています。通常は、任意のプロジェクトフォルダーで開発できるように、グローバルインストールを通じて Uniapp CLI を使用することをお勧めします。

グローバルインストールコマンドは次のとおりです:

npm install -g @vue/cli

ログイン後にコピー

ローカルインストールコマンドは次のとおりです:

npm install @vue/cli --save-dev

ログイン後にコピー

Uniapp CLI を使用する前に、 Node.js環境がインストールされています。

Uniapp CLI を使用してプロジェクトを作成する

Uniapp CLI をインストールした後、それを使用して新しい Uniapp プロジェクトを作成できます。次のコマンドを使用します:

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

ログイン後にコピー

ここでは、uni-preset-vue というプリセットオプションを使用しています。これは、Uniapp の公式プリセット Vue テンプレートを指します。このプリセットオプションを使用すると、Vue ベースの Uniapp プロジェクトをすばやく作成できます。

このコマンドを入力すると、いくつかの構成オプションが表示されます。対応するオプションを選択して、新しい Uniapp プロジェクトを作成します。

Uniapp プロジェクトの実行

新しい Uniapp プロジェクトを作成した後、Uniapp CLI を介してプロジェクトを実行できます。次のコマンドを使用します:

npm run dev:%PLATFORM%

ログイン後にコピー

ここで、%PLATFORM% は、対応するターゲットプラットフォームを指します。これは次のいずれかになります:

mp-weixin: WeChat アプレット
mp-alipay: Alipay アプレット
mp-baidu: Baidu ミニプログラム
mp-toutiao: Toutiao ミニプログラム
h5: ウェブページ操作

たとえば、WeChat アプレットでプロジェクトを実行するには、次のコマンドを実行できます:

npm run dev:mp-weixin

ログイン後にコピー

このコマンドは開発サーバーを起動し、対応するアドレスを開きます。ブラウザで。開発サーバーはファイルの変更を監視し、アプリケーションを再コンパイルしてブラウザページを更新します。

Uniapp プロジェクトをパッケージ化して公開する

Uniapp プロジェクトを実行した後、アプリケーションをパッケージ化して公開できます。次のコマンドを使用します。

npm run build:%PLATFORM%

ログイン後にコピー

run project コマンドと同じです。%PLATFORM% はターゲットプラットフォームを指します。同様に、アプリケーションをコンパイルしてプッシュするには、プラットフォームパラメーターを設定する必要があります。たとえば、WeChat アプレットの実稼働バージョンを作成するには、まず次のコマンドを使用してパッケージ化します。

npm run build:mp-weixin

ログイン後にコピー

このコマンドは、アプリケーションを WeChat アプレットの実稼働バージョンにパッケージ化し、生成されたコードとリソースファイルを宛先フォルダーに保存します。フォルダーを WeChat ミニプログラム開発者プラットフォームにアップロードして、アプリケーションを公開できます。

概要

Uniapp CLI を使用すると、コマンドを使用して Uniapp アプリケーションを実行および構築できます。上記の紹介を通じて、読者が Uniapp CLI の基本的な使用法を理解し、このツールをうまく使用して Uniapp アプリケーションを開発、テスト、公開できるようになることを願っています。

以上がコマンドでuniappを実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。