源代碼：https://github.com/soui4js/soui4js

soui4js是soui4+quickjs的結合體。

soui4是一套c++ directui客戶端開發框架，soui4js則將soui4的開發語言從C++遷移到了js。

可能有人要問：為什么要使用js來開發？

使用js開發最大的優勢就是開發快速，代碼寫下來就可以運行，測試，同時更方便熱更新。

下面先來看一下源代碼的代碼結構：

下面先介紹一下這幾個目錄的功能。

bin: 程序運行目錄，包括依賴庫的dll。

depends: 本項目依賴的兩個庫(soui4, quickjs)的.h及.lib, .a

doc: 文檔目錄，目前還只有一個截圖

node_modules/@types : 提供vscode編寫soui4js的js代碼時支持api提示使用的ts文件。包含soui4導出到js空間的所有API的定義。

qjsbind ：一個將soui4類型導出到js的綁定支持庫，編譯輸出為一個靜態庫。

soui4js-host：這是編譯生成使用soui4及soui4js的宿主exe的vs工程目錄。

soui4js：導出soui4接口到quickjs的代碼。要看在soui4js里可以使用哪些api, 除了可以從node_modules/@types查看外，如何實現及使用也可以查看這個工程代碼。

utils：一個提供輔助工具api的VS工程，編譯后生成一個utils.dll，它是一個js模塊，可以在js代碼中使用import * as utils from "utils.dll"; 來使用。

wizard: 這是soui4js是一個向導程序，使用xml+js襪，需要使用bin目錄下的soui4js-host.exe來運行。參見run_wizard.bat

run_host.bat ：執行這個bat會啟動bin/soui4js-host.exe， 加載bin/main.js，啟動一個js小程序下載運行平臺。效果如下圖：

run_wizard.bat : 執行這個bat會啟動bin/soui4js-host.exe, 加載wizard/main.js，啟動一個soui4js的新建工程向導。效果如下：

在項目路徑中指定一個路徑（為空的時候會自動創建），點擊“創建項目”按鈕，程序會自動在指定路徑中創建一個soui4js的工程框架。

如果您安裝有vscode，則會自動使用vscode來打開該工程。您可以在vscode里編輯并運行代碼。（代碼編輯，調試見下篇）