ホームページ >ウェブフロントエンド >uni-app >コマンドでuniappを実行する方法
モバイル インターネットの継続的な発展に伴い、ハイブリッド アプリケーションはますます注目を集めています。このような背景から、さまざまな新しい開発フレームワークが登場しています。新しいハイブリッド開発フレームワークとして、Uniapp は当然開発者の注目を集めています。 Uniapp は、クロスプラットフォーム アプリケーションを迅速に開発する方法を提供し、開発者が一度コードを記述するだけで、iOS、Android、H5 などの複数のプラットフォームでアプリケーションを公開できるようになります。 Uniapp にまだ慣れていない場合は、まず公式 Web サイトのドキュメントを参照してください。この記事ではコマンドを使ってUniappを実行する方法を紹介します。
Uniapp CLI は、Uniapp のコマンド ライン ツールです。 Uniapp アプリケーションを構築、実行、デバッグするための一連のコマンドを提供します。 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 プロジェクトを作成できます。次のコマンドを使用します:
vue create -p dcloudio/uni-preset-vue my-project
ここでは、uni-preset-vue
というプリセット オプションを使用しています。これは、Uniapp の公式プリセット Vue テンプレートを指します。このプリセット オプションを使用すると、Vue ベースの 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 プロジェクトを実行した後、アプリケーションをパッケージ化して公開できます。次のコマンドを使用します。
npm run build:%PLATFORM%
run project コマンドと同じです。%PLATFORM%
はターゲット プラットフォームを指します。同様に、アプリケーションをコンパイルしてプッシュするには、プラットフォーム パラメーターを設定する必要があります。たとえば、WeChat アプレットの実稼働バージョンを作成するには、まず次のコマンドを使用してパッケージ化します。
npm run build:mp-weixin
このコマンドは、アプリケーションを WeChat アプレットの実稼働バージョンにパッケージ化し、生成されたコードとリソース ファイルを宛先フォルダーに保存します。フォルダーを WeChat ミニ プログラム開発者プラットフォームにアップロードして、アプリケーションを公開できます。
Uniapp CLI を使用すると、コマンドを使用して Uniapp アプリケーションを実行および構築できます。上記の紹介を通じて、読者が Uniapp CLI の基本的な使用法を理解し、このツールをうまく使用して Uniapp アプリケーションを開発、テスト、公開できるようになることを願っています。
以上がコマンドでuniappを実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。