使用Sublime Text 2編輯和運行node-webkit應用程序

時間 2019-11-08

標籤使用 sublime text 編輯運行 node webkit 應用程序欄目 HTML 简体版

原文原文鏈接

開發工具目錄結構

--E:\develop\
----node-webkit-v0.9.2-win-ia32
----Sublime Text 2.0.2 x64

爲Sublime text2構建Build環境

打開sublime text2 菜單->tools->build system->new build system，輸入以下代碼：html

{
"cmd": ["nw", "${project_path:${folder}}"],
"working_dir": "${project_path:${folder}}",
"path": "E:\\develop\\node-webkit-v0.9.2-win-ia32"
}

測試

測試代碼目錄結構

--G:\Temp\NodeWebkit-test

----index.html

----package.json

index.html文件內容

<!DOCTYPE html>
<html>
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    We are using node.js <script>document.write(process.version)</script>.
    <button onclick="js:alert('hello')">click me</button>
  </body>
</html>

package.json文件內容

{
  "name": "nw-demo",
  "main": "index.html",
  "window":{
      "toolbar":false,
      "frame":true
  }
}

步驟

打開代碼文件G:\Temp\NodeWebkit-test\index.html
選擇Tools->buildSystem->選中node-webkit
選擇Project -> Add Folder to Project加入當前項目文件夾(經過View->Side Bar->Show Side Bar查看)
以後每次寫完代碼後點擊tools->build後便可自動調用node-webkit啓動當前的代碼

相關標籤/搜索