在过去，HTML通常只被用于开发网页和移动应用程序。但是，随着技术的不断发展，现在也可以使用HTML来创建桌面应用程序。这种方法的优点是开发速度较快，代码可重用性高，而且不需要专业的桌面应用程序开发经验。
Electron
要使用HTML开发桌面应用程序，可以使用Electron。它是一个基于Node.js的框架，可以使用Web技术构建跨平台桌面应用程序。例如，Visual Studio Code、Slack、Skype等应用程序都是使用Electron构建的。
安装Electron
首先，需要安装Node.js。然后，可以在命令行中运行以下命令来全局安装Electron：
--- ------- -- --------
创建Electron应用程序
创建Electron应用程序非常简单。可以使用以下命令：
----- --------------- -- --------------- --- ---- --
然后，将以下代码复制到index.html文件中：
--------- -----
------
------
----- ----------------
------------ --------------
-------
------
--------- -----------
-------
-------接下来，在根目录下创建一个名为main.js的文件，并将以下代码复制到其中：
----- - ---- ------------- - - -------------------
-------- ------------ -- -
----- --- - --- ---------------
------ ----
------- ----
--------------- -
---------------- ----
-
--
--------------------------
-
----------------------- -- -
--------------
------------------ -- -- -
-- ------------------------------------- --- -- -
--------------
-
--
--
--------------------------- -- -- -
-- ----------------- --- --------- -
----------
-
--最后，在命令行中运行以下命令：
-------- -
然后你就会看到一个桌面应用程序，里面有一个显示“Hello World!”的窗口。
NW.js
除了Electron外，还可以使用NW.js来创建桌面应用程序。它也是一个基于Node.js的框架，与Electron类似但略有不同。
安装NW.js
首先，需要安装Node.js。然后，可以在命令行中运行以下命令来全局安装NW.js：
--- ------- -- --
创建NW.js应用程序
创建NW.js应用程序也很简单。可以使用以下命令：
----- ----------- -- -----------
将以下代码复制到package.json文件中：
-
------- --------------
---------- --------
------- -------------
---------- -
-------- --- --
--
--------------- -
----- ------------
-
-接下来，在根目录下创建一个名为index.html的文件，并将以下代码复制到其中：
--------- -----
------
------
----- ----------------
------------ --------------
-------
------
--------- -----------
-------
-------最后，在命令行中运行以下命令：
--- -----
然后你就会看到一个桌面应用程序，里面有一个显示“Hello World!”的窗口。
结论
使用HTML开发桌面应用程序是一种快速且方便的方法。不需要专业的桌面应用程序开发经验，只需要掌握基本的Web开发知识即可。通过使用Electron和NW
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/9416