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_modules本地安装与全局安装
- Inspector
- 模块
- hello world
- 使用nodejs开发桌面客户端应用
- Electron
- api
- 使用 Node.js 的 API
- 事件
- 安装
- 调试
- 读取本地文件
- 调用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区别