对electron的初次了解

要先来首歌么

---

简介

官方的介绍是：搭建跨平台桌面应用仅仅使用JavaScript,HTML以及CSS。

electron属于前端的桌面应用。还有一个类似的nw.js，2者相似。nw.js这里不做过多介绍。electron的出现，让js，html，css也能创建属于自己的桌面应用。
（我的很多方法都是看或者摘抄过来的，时间久了，出处不想找了）
进入正题：
我的环境：

OS 名称: Microsoft Windows 10 专业版
OS 版本: 10.0.15063 暂缺 Build 15063
OS 制造商: Microsoft Corporation
系统型号: P175EM1
系统类型: x64-based PC

系统详细信息查看方法：http://jingyan.baidu.com/article/656db918806975e381249c8f.html
首先，祭出
electron中文网：https://electron.org.cn/（了解）
然后w3c上面是这样说的：Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的，io.js 的一个变体。
这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反，Electron 使用 web 页面作为它的 GUI，所以你能把它看作成一个被 JavaScript 控制的，精简版的 Chromium 浏览器。
我的理解就是用的利用了浏览器的一些API实现的。
下面的一些有些是参考这篇文章的：http://www.cnblogs.com/chenjinxinlove/p/5881879.html

1. 安装node.js
node.js中文网：http://nodejs.cn/ 找到自己的安装包，找到对应的下载安装 安装完成按住shift+鼠标右键打开当前目录cmd窗口，输入测试命令node -v，查看是否输出版本，验证是否安装成功
2. 安装node.js模块
node.js是一个模块化的工具库。
你可以这样：你接到了一份活，这份活需要扳手和起子，你没有。只能去超市买了。只不过这边不是付钱，用的命令，现在你要搭建的在IT里面叫项目，扳手和起子就是这里面的模块，你在超市挑选和付钱这边用的是命令。
3. 安装模块
PS: 来了解 下npm命令 基本结构 npm install ** -g(安装成全局)

• npm相当于机构，*，公司之类的（比如超市）
• install（可以简写i）相当于发布新闻，还是下传命令之类的（比如 我声明我要买）
• **代替的是这个产品还是工具什么的名字（比如扳手，起子）
• -g（global：全局变量 ，global的简写；还有一个是-v：本地变量。可以理解为你说你要去超市买扳手告诉了谁，-g是全世界，-v就是一个国家）

国内我建议使用cnpm,先安装cnpm，打开命令行输入:npm i cnpm -g 安装成功之后检查是否安装成功cnpm -v 我们的项目现在需要electron这个工具，不要管这个工具别人怎么造出来，你只要会使用就好。首先，你要把它从超市买回来，在考虑怎么用。 输入命令：cnpm i electron -g 重复操作：安装，检查是否安装成功 输入：electron回车 然后是不是出现了这个 然后拖进去个网页试试，是不是就有些桌面客户端的味道了

我们看看官方提供的electron的能力吧，
项目地址git clone https://github.com/electron/electron-api-demos，
看个图吧，部分自己翻译成中文（蹩脚的翻译） 下载之后，按照提示来，我用的cnpm，自己可以替换
cd electron-api-demos
cnpm install
npm start 或者 npm run dev


PS:管家提示，选允许

让我们再来看一些大神的作品：

VSCode
https://code.visualstudio.com/

W3Cschool
https://www.w3cschool.cn/

客户端下载地址：https://www.w3cschool.cn/download

还有很多demo

先编写属于自己的网页吧，有些累了，打包什么的以后再补