電子開始

1、Node.jsのインストール

2、インストール淘宝網ミラー

　　ASLインストール-g cnpm --registry = HTTPS：//registry.npm.taobao.org

3、グローバル電子をインストール

　　NPMインストール-g電子

ファイルpackage.jsonを作成します。4.

　　NPM熱

5、全体のインストールが無視されている場合。ローカルインストールコマンド

　　NPM --save-devの電子をインストール

6、package.json内容　　

{ 
  "名前"： "testappと"、
  "バージョン"： "0.0.1"、
  "説明"： "testappと"、
  "主"： "main.js"、
  "依存性"：{}、
  "devDependencies"：{ 
    "電子"： "^ 7.1.2"、
    "電子パッケージャ"： "^ 14.1.1" 
  }、
  "スクリプト"：{ 
    "開始"： "電子"、
    "パッケージャ"："電子パッケージャ母- 。プラットフォーム= win32の--arch = x64の--icon = icon.ico --out = /アウト--asar --app-バージョン= 0.0.1" 。
  }、
  "著者"： ""、
  "ライセンス"：「ISC " 
}

7、main.jsコンテンツ

CONST {アプリBrowserWindow} =必要とする（ '電子'）
CONSTパス=は（ 'パス'）を必要と
CONST URL =（ 'URL'）が必要
 
勝利せ
 
（機能のcreateWindow）を{ 
  勝利=新しいBrowserWindow（{幅：800、高さ： 600}）
  win.loadURL（url.format（{ 
    パス名：path.join（__ DIRNAME、 'index.htmlを'）、
    プロトコル： 'ファイル：'、
    スラッシュ：真
  }））
 
  win.on（ '閉鎖'、（） => { 
    勝利= NULL 
  }）
} 

app.on（ '準備'、のcreateWindow）
app.on（ 'ウィンドウ-すべてクローズ'、（）=> { 
  
  場合（process.platform！== 'ダーウィン'）{ 
    アプリ.quit（）
  } 
}）
 
app.on（ 'アクティブ化'、（）=>{ 
  IF（勝利=== NULL）{
    createWindow（） 
  }
}）

8、index.htmlをコンテンツ

<！DOCTYPE HTML> 
<HTML> 
  <HEAD> 
    <メタ文字コード= "UTF-8"> 
    <タイトル> AAA </ TITLE> 
    <META HTTP-当量= "コンテンツセキュリティポリシー"コンテンツ= "スクリプト-SRCの自己' 『安全ではない、インライン』;」/> 
 
  </ HEAD> 
  <BODY> 

    の<input type = "数"値= ""> 
	  asdfads 
    <H1>のHello World！</ H1> 
    私たちは、ノードの<script>のdocument.write（process.versions.node）を使用しています< /スクリプト>、
    クロームの<script>にdocument.write（process.versions.chrome）</スクリプト>、
    および電子の<script>にdocument.write（process.versions.electron）</スクリプト>。
   
  </ BODY>

9、コマンドを起動する①

　　電子。

10、startコマンド②

　　ローカル依存関係を前提インストール

　　NPMインストール　　

　　標高開始

11、電子パッケージャパッケージインストールツール

　　電子パッケージャをインストールNPM -g

12、コンフィギュレーションコマンドを梱包

  "スクリプト"：{ 
    "開始"： "電子"、
    "パッケージャ"：「電子パッケージャ母--platform = Win32の--arch = x64の--icon = icon.ico --out = /アウト- --appバージョン= 0.0.1" ASAR 
  }

13、パッケージを起動します

　　NPM実行パッケージャ

おすすめ