免費(fèi)AI編程助手
開始一個(gè)hex應(yīng)用程序
開始一個(gè) heX 應(yīng)用程序
拿到 heX 的二進(jìn)制包，你可能會感覺無從下手，下面將以 Windows 下的 web 開發(fā)者二進(jìn)制包為例講述一個(gè)基本的開發(fā)流程。
現(xiàn)在從零開始，一起來制作一個(gè) Hello World：
1. 下載 heX 二進(jìn)制包
首先選擇一個(gè)合適的二進(jìn)制包，對于 web 前端開發(fā)者而言，heX web 開發(fā)者發(fā)行包肯定是最好的選擇。（關(guān)于二進(jìn)制包的更詳細(xì)的說明請參見 heX 二進(jìn)制包說明。）
將二進(jìn)制包解壓到本地后，hexclient.exe 是主程序文件，雙擊即可運(yùn)行 heX，只不過此時(shí)打開的是 heX 的默認(rèn)歡迎頁面chrome://version，里面描述了一些基本信息。
2. 編寫 web 前端代碼
在 heX 主程序文件所在的目錄下創(chuàng)建一個(gè)用于寫 Hello World 程序的測試目錄test，同時(shí)在其中新建 HTML、CSS、JavaScript 等文件。如：
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Hello World</title>
<link href="hello.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>Loading...</h1>
<script>
require('./test/hello_world');
</script>
</body>
</html>hello.css
h1 {
font-family: 'Trebuchet MS';
font-size: 5em;
text-align: center;
}hello_world.js
window.setTimeout(function () {
document.querySelector('h1').innerHTML = 'Hello World!';
}, 1000);3. 修改 manifest.json
想要個(gè)性化定制 heX，則需要從 manifest.json 開始。（關(guān)于 manifest.json 的更詳細(xì)的說明請參見 heX 清單文件（Manifest）說明。）
這里我們需要修改 first_page 參數(shù)，將其修改為$(AppDir)test/index.html，即將應(yīng)用程序執(zhí)行入口改為上面編寫的 web 頁面。
4. 運(yùn)行程序
雙擊 hexclient.exe，窗口顯現(xiàn)，一秒鐘后，界面上的“Loading…”變?yōu)椤癏ello World!”
更多建議：