オフラインでパッケージ化および開発できる uniapp H5 プロジェクトを作成する

ノード環境のインストール

わずかに

オンラインで vue Scaffold をインストールする

npm install -g @vue/cli

PS: vue-cli がメンテナンス モードに入りました。vue3 の最新のスキャフォールディングは、npm init vue@latest を使用してインストールされます。インストール後、create-vue を使用して vue コマンドを置き換えます。create-vue の最下層は、vite を使用してフロント-開発効率の向上 (Note16.0+)

コマンドを使用して、オンラインで uniapp プロジェクトを作成します

デフォルトでは、https://registry.npmmirror.com がミラーソースとして使用されます。

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

テンプレートを選択してください

ここに画像の説明を挿入します

ここに画像の説明を挿入します

ダウンロードできない場合は、オフライン モードを使用し、ローカルで使用するテンプレートの場所を指定できます。

uniapp オフライン テンプレートをオンラインでダウンロード

gitee仓库:
https://gitee.com/dcloud/uni-preset-vue/tree/vite
https://gitee.com/dcloud

uni-preset-vue-master.zip
uni-preset-vue-vite.zip
ここに画像の説明を挿入します

uniappオフライン版のh5プロジェクトをオフラインで作成する

vue create -p D:/uni-preset-vue-master my-project
ここで、テンプレート ディレクトリを D:/uni-preset-vue-master< として指定できます。 /a >

ここに画像の説明を挿入します

デフォルトでは、ダウンロード後に依存関係が存在します。依存関係が初期化されていない場合は、次のコマンドを使用してモジュールの依存関係を初期化します。
npm install
ファイル構造: a>
ここに画像の説明を挿入します

走る

コンソールを開いてルート ディレクトリに入ります
ここに画像の説明を挿入します
次のコマンドを実行します:
npm runserve

デフォルトのアクセスアドレス: http://localhost:8080/#/

HBuilderX を使用して実行する
ここに画像の説明を挿入します

パッケージ npm run build

おすすめ

転載: blog.csdn.net/qq_27577113/article/details/134627926