Electronでデスクトップアプリケーションを開発するにはどうすればいいですか?
873 ワード
背景:
js、html、cssは現在App、小プログラム、ホームページを開発することができます~それではデスクトップアプリケーションを開発することができますか?
ソリューション:
どのフレームワークを使うかはさておき、Visual Studio、Atom、Github DeakTop、Play Codeなどを開発率として使ったことがありますが、どのように開発されたか知っていますか?
ある人はそれがまだ聞く必要があると言って、原生のデスクトップの応用~
答えはそうではないかもしれませんが、彼らはこのElectronフレームワークで書かれています.
彼の公式サイトには、JavaScript、HTML、CSSを使ってプラットフォームをまたぐデスクトップアプリケーションを構築するという言葉があります.
本当にかっこいい~
実践の方法は以下の通りである.
ステップ1:環境の構成
グローバルインストール vue vue-cli vue-electron
ステップ2:プロジェクトの初期化
1.demoというファイルを作成する
2.途中で戻る
3.ファイル作成完了
4.次はvueを書く習慣に従って始めましょう
ステップ3:プロジェクトコマンドローカルランニング コンパイルパッケージ
パッケージされたファイルはdemo/buildフォルダに出力されます
これでdemoはDemoコードの添付を完了します.
js、html、cssは現在App、小プログラム、ホームページを開発することができます~それではデスクトップアプリケーションを開発することができますか?
ソリューション:
どのフレームワークを使うかはさておき、Visual Studio、Atom、Github DeakTop、Play Codeなどを開発率として使ったことがありますが、どのように開発されたか知っていますか?
ある人はそれがまだ聞く必要があると言って、原生のデスクトップの応用~
答えはそうではないかもしれませんが、彼らはこのElectronフレームワークで書かれています.
彼の公式サイトには、JavaScript、HTML、CSSを使ってプラットフォームをまたぐデスクトップアプリケーションを構築するという言葉があります.
本当にかっこいい~
実践の方法は以下の通りである.
ステップ1:環境の構成
グローバルインストール
ステップ2:プロジェクトの初期化
1.demoというファイルを作成する
vue init simulatedgreg/electron-vue demo
2.途中で戻る
3.ファイル作成完了
4.次はvueを書く習慣に従って始めましょう
ステップ3:プロジェクトコマンド
npm run dev
npm run build
パッケージされたファイルはdemo/buildフォルダに出力されます
これでdemoはDemoコードの添付を完了します.