vue プロジェクトをコンピューターアプリケーション .exe にパッケージ化します。

ステップ 1: テンプレート electric-quick-start をダウンロードする

ステップ 2: ダウンロードしたテンプレートファイル (electron-quick-start) を入力します。

ステップ 3: 独自のプロジェクトをパッケージ化する (npm run build)

ステップ4: 公式デモのindex.htmlファイルを削除します。

ステップ 5: 公式デモプロジェクトで main.js を見つけ、パッケージ化ファイルのパスをindex.html に変更します。

ステップ 6: プロジェクトのパッケージ化された dist フォルダーを公式デモのルートディレクトリにコピーする

ステップ 7: 公式デモプロジェクトの package.json を確認する通常の状況では、次のコマンドを実行してエフェクトプレビューに入ります。

ステップ 8: 公式デモプロジェクトで、パッケージ化に必要な依存関係 electr-packager をダウンロードします。

ステップ 9: 公式デモで、「package.json」と入力し、スクリプトにパッケージャー命令を追加します。

ステップ 10: コマンドを実行してパッケージ化すると、プロジェクトに App-win32-x64 フォルダーが表示されます。

最近、パッケージ化された Vue プロジェクトをコンピュータ上の .exe 実行可能プログラムに変換するソフトウェアシステムを作成しています。これまで開発のこの側面に関与したことがなかったので、関連する操作手順を読むためにオンラインにアクセスしました。メインストリームパッケージング方法には、自分のプロジェクトのデモをelectronに置き換える方法と、electronに変更を加える方法の2つがあり、主な変更は自分のプロジェクトのパスです。もちろん、これら 2 つの方法はすべて Electron ツール上で変更されています。私たちは最初の解決策を使用しています。その理由は、これがシンプルで便利で、エラーが発生しにくいからです。

現状、Cサイトのパッケージングチュートリアルでは、手順を説明するだけで、手順が明確に説明されていないため、始めたばかりであまり知識のない友人が操作時に戸惑っている人もいると思います。もっと詳しく教えていただければ、高評価をさせていただきます。サポートしてください!

ステップ 1: テンプレート electric-quick-start をダウンロードする

この操作は非常に簡単です。Git がインストールされているコンピュータであれば、コマンドラインを使用して次のコードを直接入力することもできます。そうでない場合は、electron の公式 Web サイトまたは GitHub からテンプレートをダウンロードすることもできます。最初の部分だけ説明します。ここに一つ。Git CMD を開く

次の Git アドレスの場所を入力します。

git clone https://github.com/electron/electron-quick-start

このようにして、ダウンロードしたテンプレートが E ドライブに作成されるので、見てみましょう。

ステップ 2: ダウンロードしたテンプレートファイル (electron-quick-start) を入力します。

VS コードを直接使用してこのファイルを開きます。

コマンド npm start を直接使用して公式デモを実行すると、公式デモでアプリケーションインターフェイスを確認できます。

表示されるインターフェイスは次のようになります。うまく操作できなかった友人は、主にフォルダーに入ったかどうかを確認できます。入っていない場合は、このフォルダーに cd を使用します。それでもエラーが見つかる場合は、あなたがエラーを起こしている可能性があります。依存関係をインストールしていない場合は、npm install を実行します。残りの具体的な理由は、報告された特定のエラーに基づいて尋ねられます。ありがとうございます。