在Mac系统中的，默认有一个功能，我个人非常喜欢，就是按空格预览，一般情况下，例如文本文件、图片、PDF等直接就可以加载显示，如果某个格式无法显示，则显示其文件信息，比如文件名称、类型、尺寸、创建时间等等。 但是，Windows默认是没有这个功能 的（当然这不足以佐证Windows不如Mac，Windows中很多功能也是Mac中没有的），不过如果你安装一个叫做Seer的软件，你也可以立马拥有类似的功能。
你可以在官网下载这个软件（地址：），或者也可以在工作室中下载，地址：http://yun.zjer.cn/index.php?r=studio/resources/info&sid=531&resId=0bbe04146ba14c5aa91be02bda2a72ec 。
软件安装完成后就可以直接使用了，只要记住预览和结束预览均是空格键，这时如果你选择预览的文件是图片等格式，直接就可以显示其内容，如下图所示。
在前面的章节中我们使用了node的fs模块，接下去我们继续看一下Electron中可以使用的其它Node模块。
使用OS模块，我们可以获取关于应用程序运行的操作系统的大量信息，以下是一些在应用创建时常用的方法，这些方法可以方便应用适配运行的操作系统。
序 功能与描述
文件处理是桌面应用构建非常重要的一个部分，几乎所有的桌面程序都会涉及文件操作。在这个案例中我们将创建一个表单来接受用户输入信息——姓名和电子邮件地址，表单的内容将会存储到文件中，并显示在列表中作为输出信息。
首先，在main.js文件中输入以下代码来创建一个主进程：
1
2
3
4
5
6
7
const {app, BrowserWindow} = require('electron')const url = require('url')const path = require('path')let winfunction createWindow() {
win = new BrowserWindow({width: 800, height: 600})
win.loadURL(url.format ({
pathname: path.join(__dirname, 'index.html'),
protocol: 'file:',
slashes: true
}))}app.on('ready', createWindow)
现在打开index.html，并输入以下代码：
在Electron应用中，我们使用HTML、CSS和JS来创建用户界面（User Interface, UI）,因此前端开发的一切技术在这里都可以用上，例如我们可以使用Angular、Backbone、React、Bootstrap和Foundation等来构建应用。
你可以使用Bower来管理这些前端开发依赖库，可以用以下命令来安装bower:$ npm install -g bower。
现在就可以用它来安装前端开发需要的JS和CSS框架、库和插件了，例如，如果要安装最新版的bootstrap，只需要用以下命令就可以了：$ bower install bootstrap。
这一命令会在bower_components中下载bootstrap，然后你就可以在HTML文件中来引用这个库。现在我们来创建一个使用这些库的简单页面，这里，我们先使用npm来安装jquery库：$ npm install --save jquery。
现在我们已经创建了package.json文件，现在就可以用Electron来创建第一个桌面应用程序了。现在创建一个名为main.js的新文件，并输入以下代码：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
const {app, BrowserWindow} = require('electron')
const url = require('url')
const path = require('path')
let win
function createWindow() {
win = new BrowserWindow({width: 800, height: 600})
win.loadURL(url.format ({
pathname: path.join(__dirname, 'index.html'),
protocol: 'file:',
slashes: true
}))
}
app.on('ready', createWindow)
Electron会查阅package.json文件中指定的主文件（main
file）然后执行它。主文件通过一个渲染后的网页文件来创建应用程序，并用可以与你当前操作系统的图形化界面进行互动。
当你运行一个Electron应用时，会创建一个主进程。这一主进程负责与操作系统的原生GUI进行交互，它也负责创建你的应用程序界面。
仅仅启动主进程并不会为用户提供任何程序窗口，窗口需要由主文件中配置的BrowserWindow模块来创建。每个浏览器窗口通过一个渲染进程（renderer
process）来运行，渲染进程顾名思义可以渲染HTML文件以及引用的CSS、Javascript、图像等文件，并渲染出应用程序的窗口。
要使用Electron，你首先需要安装Node和npm（Node的包管理器），如果你还没有安装，可以查阅《Node安装》一文（https://www.tutorialspoint.com/nodejs/nodejs_environment_setup.htm ）然后将其安装在你的本地系统上。安装之后可以在终端中运行下列命令来检查node和npm是否已经成功安装。
1 |
node --version |
正常情况下，上述命令应该会产生如下的输出：
1
2
v6.9.1
3.10.8
Electron通过一个可以调用系统API的运行框架，让你可以使用Javascript来构建桌面应用。这并不是说要将Javascript绑定到一个桌面图形化界面，相反，Electron将网页作为GUI并用Javascript来进行控制，所以你也可将其视为一个极简的Chromium浏览器。所以，所有的Electron应用可以认为是一个运行在浏览器中，但是可以调用桌面API的网页。
Github开发了Electron并用它构建了文本编辑器Atom。这两个项目均在2014年开源发布了。Electron现在被 Microsoft、Github、Slack等公司所广泛采用。Electron也已经用于大量的知名应用：
原文：https://www.tutorialspoint.com/electron/electron_overview.htm
PDF在线转换的工具有很多，在这里再给大家推荐一个功能很全面的PDF在线转换与处理工具，名字取得有点煽情，叫做“ILovePDF”（我爱PDF）。这个网站支持多语言，对于国内的朋友而言，可以使用简体中文版的界面，地址是：http://www.ilovepdf.com/zh_cn/ 。
最近几年，随着Web开发技术的发展，越来越多的工作可以用浏览器在网页中完成了。NiceTool+是一个国内的网站，基本上属于用了就立马收藏的那种，原因是因为这个网站提供的在线工具太丰富了，目前已经有538个，并且已经有了30万+的使用量。当然这个站点也说了，它其实也不生产工具，主要是收集互联网上的各种实用小工具。 来感受一下它的工具集吧？
image.png
image.png
image.png
image.png
image.png
说明一下，这里列举的只是它众多工具中的一小部分，浏览并挖掘完整的工具列表，可以访问网站主页：http://www.nicetool.net。 本文首发于浙江省阮高峰名师网络工作室（http://gzs.ilester.net)。