banner
MoLeft

MoLeft's xLog

Hey! Welcome to my Xlog. The no blackchains on https://www.moleft.cn
github
email

Electron + Vue3 + Viteプロジェクトを優雅に作成する方法

エラーの例#

先に vite プロジェクトを作成します

yarn create vite

次に electron 依存関係を追加します

yarn add --dev electron concurrently cross-env electron-builder wait-on

その後は無限のエラーが発生します

正しい例#

yarn create @quick-start/electron

途中でいくつかのオプションがあります

? Add TypeScript? » No / Yes   
TypeScriptを使用しますか?TypeScriptが好きな場合はYesを選択してください。
? Add Electron updater plugin? » No / Yes 
Electronアップデータプラグインを追加しますか?Yesを選択してください。
? Enable Electron download mirror proxy? » No / Yes
Electronミラーダウンロードプロキシを有効にしますか?国内のネットワーク環境では、Yesを選択することを強くお勧めします。

もちろん、国内環境の場合は、設定ファイルを通じて electron のミラーを設定できます

touch .npmrc && echo "electron.mirror=https://npm.taobao.org/mirrors/electron/" > .npmrc

作成が完了したら、直接yarnで依存関係をインストールし、yarn devで実行すれば OK です

結論#

このプロジェクトを作成するためには、本当に波乱万丈でしたが、最終的に@quick-start/electronを使ってプロジェクトを作成するのが確かに早いということが分かりました。

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。