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というファイルを作成する
    vue init simulatedgreg/electron-vue demo
    

    2.途中で戻る
    3.ファイル作成完了
    4.次はvueを書く習慣に従って始めましょう
    ステップ3:プロジェクトコマンド
  • ローカルランニング
  • npm run dev 
    
  • コンパイルパッケージ
  • npm run build
    

    パッケージされたファイルはdemo/buildフォルダに出力されます
    これでdemoはDemoコードの添付を完了します.