開(kāi)始一個(gè)hex應(yīng)用程序
開(kāi)始一個(gè) heX 應(yīng)用程序
拿到 heX 的二進(jìn)制包，你可能會(huì)感覺(jué)無(wú)從下手，下面將以 Windows 下的 web 開(kāi)發(fā)者二進(jìn)制包為例講述一個(gè)基本的開(kāi)發(fā)流程。
現(xiàn)在從零開(kāi)始，一起來(lái)制作一個(gè) Hello World：
1. 下載 heX 二進(jìn)制包
首先選擇一個(gè)合適的二進(jìn)制包，對(duì)于 web 前端開(kāi)發(fā)者而言，heX web 開(kāi)發(fā)者發(fā)行包肯定是最好的選擇。（關(guān)于二進(jìn)制包的更詳細(xì)的說(shuō)明請(qǐng)參見(jiàn) heX 二進(jìn)制包說(shuō)明。）
將二進(jìn)制包解壓到本地后，hexclient.exe 是主程序文件，雙擊即可運(yùn)行 heX，只不過(guò)此時(shí)打開(kāi)的是 heX 的默認(rèn)歡迎頁(yè)面chrome://version，里面描述了一些基本信息。
2. 編寫(xiě) web 前端代碼
在 heX 主程序文件所在的目錄下創(chuàng)建一個(gè)用于寫(xiě) Hello World 程序的測(cè)試目錄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 開(kāi)始。（關(guān)于 manifest.json 的更詳細(xì)的說(shuō)明請(qǐng)參見(jiàn) heX 清單文件（Manifest）說(shuō)明。）
這里我們需要修改 first_page 參數(shù)，將其修改為$(AppDir)test/index.html，即將應(yīng)用程序執(zhí)行入口改為上面編寫(xiě)的 web 頁(yè)面。
4. 運(yùn)行程序
雙擊 hexclient.exe，窗口顯現(xiàn)，一秒鐘后，界面上的“Loading…”變?yōu)椤癏ello World!”
更多建議：