- Cross-platform Desktop Application Development：Electron，Node，NW.js，and React
- Dmitry Sheiko
- 219字
- 2021-07-15 17:36:23
Setting up an NW.js project
NW.js is an open source framework for building HTML, CSS, and JavaScript applications. You can also see it as a headless browser (based on Chromium https://www.chromium.org/) that includes Node.js runtime and provides desktop environment integration API. Actually, the framework is very easy to start with. What we need is just a start page HTML file and project manifest file (package.json).
To see it in action, we will create a project folder named file-explorer at an arbitrary location. The choice of the folder location is up to you, but I personally prefer to keep web projects in /<username>/Sites on Linux/macOS and %USERPROFILE%Sites on Windows.
As we enter the directory, we create placeholder folders for JavaScript and CSS sources (js and assets/css):
We also place a start page HTML (index.html) that consists of just a few lines:
./index.html
<!DOCTYPE html>
<html>
<body>
<h1>File Explorer</h1>
</body>
</html>
As you can guess, we shall see just this text--File Explorer-- when feeding this file to a browser.
Now, we need the Node.js manifest file (package.json). Node.js, embedded in the framework, will use it to resolve dependency package names when called with a require function or from an npm script. In addition, NW.js takes from it the project configuration data.
Why not create the manifest file and populate it with dependencies using the npm tool?
- FreeSWITCH 1.8
- Microsoft Dynamics 365 Extensions Cookbook
- Hands-On Data Structures and Algorithms with JavaScript
- Java Web程序設計任務教程
- Python數據結構與算法（視頻教學版）
- Visual C++開發入行真功夫
- Unity 2017 Mobile Game Development
- MySQL程序員面試筆試寶典
- 微信小程序開發實戰：設計·運營·變現（圖解案例版）
- Mastering Adobe Captivate 7
- Android Sensor Programming By Example
- Python預測之美：數據分析與算法實戰（雙色）
- 零基礎學Java（第5版）
- Visual C++程序設計全程指南
- 生成藝術：Processing視覺創意入門