一、认识heX

1、简单介绍

对于一个Web开发人员来说，HTML5、CSS3、JavaScript是最基本的技能，这些是编写网页的基础。有时候会想，能不能使用前端代码来编写电脑桌面端的软件？之前碰巧在一本前端书籍中看到了heX的介绍，heX是一个依赖于Node.js的工具，简单来讲就是实现将前端代码转化为桌面端软件的工具。

现在heX的应用还是比较少的（现在的有道词典桌面端是用它写出来的），说不准它的应用前景会是什么样的，但对于想要编写桌面端软件的Web开发者来说，它是一个非常友好的工具，可以直接将Web开发者熟悉的前端代码转换为可运行的桌面端软件。在各论坛上都没有看到有关heX的介绍、教程，所以我就想自己写一写有关的文章，将这款轻量、好用的工具介绍给大家。由于本人能力有限，文章中若出现错误还请提出。

这个是heX的官方网站：http://hex.youdao.com/zh-cn/index.html，在官网上可以看到heX的介绍、指南、示例等等。

heX官网 heX指南

指南里可以看到heX的项目介绍等。

官网给出的示例，可以点击进入github下载

2、下载

在官网点击下载可以进入heX的下载页面，对应的有源代码和windows版本，MacOS版本的heX还在开发中，官网只显示对应图标而没有链接。

下载

值得注意的是，下载页面下方还有HeXium的下载链接，那什么是HeXium呢？

HeXium下载

我们点开指南，目录下有heXium介绍，点开可以看到HeXium相关的介绍。

目录 HeXium介绍

我们可以看到官网给出的HeXium的信息，简单说来就是提供了类似浏览器的heX环境，这里先不加以讨论。

回到下载heX的话题，点击windows版本的按钮下载heX。

点击下载

下载完成后用解压软件打开、解压到自己的文件夹下。

解压软件打开 解压出来的文件

3、运行

点开解压后的Release文件夹，我们主要看的有两个文件，一个是hexclient.exe，一个是manifest.json。

首先点击hexcilient.exe文件，运行程序。

主程序

运行hexclient.exe，打开的是heX的介绍页面。到这里heX就已经成功下载并且运行了。