package.json與main.js省略
index.html
```
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>site title</title>
</head>
<body>
<button id="btn">獲取文件內容</button>
<textarea id="textarea" cols="40" rows="20"></textarea>
<script src="renderer/index.js"></script>
</body>
</html>
```
index.js
```
var fs=require("fs");
window.onload=function(){
var btn = this.document.querySelector("#btn");
//比ByID，ByClassName，ByTagName更強大的替代語法 它的參數是CSS選擇器出了#id、.class、還可以是[attribute='value']等
var textarea=this.document.querySelector("#textarea");
btn.onclick=function(){
fs.readFile("package.json",(err,data)=>{
//textarea.textContent=data;
textarea.innerHTML=data;
});
}
}
```
- npm
- 更新
- 基礎
- Api
- 安裝Node
- node_modules本地安裝與全局安裝
- Inspector
- 模塊
- hello world
- 安裝插件的版本
- 更新package.json文件的插件版本
- 使用nodejs開發桌面客戶端應用
- Electron
- api
- 使用 Node.js 的 API
- 事件
- electron配置
- 安裝
- 調試
- 讀取本地文件
- 調用Html5的拖放api
- 官方示例下載
- WebView內嵌窗口
- window.open彈出子窗口及其操作
- BrowserWindow渲染主窗口
- 主進程與渲染進程的通信
- 菜單
- 網絡
- 與react結合
- 打包
- 前言
- 對比
- electron-forge
- 打包工具一：electron-packager
- 打包工具二：electron-builder
- Boilerplates樣板工程
- 通用配置文檔
- NW.js
- npm install、npm install --save與npm install --save-dev區別