码迷,mamicode.com
首页 > Web开发 > 详细

使用Sublime Text 2编辑和运行node-webkit应用程序

时间:2014-07-16 23:15:30      阅读:1277      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   使用   strong   文件   

开发工具目录结构

--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,输入如下代码:

{
"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
  }
}

 

步骤

  1. 打开代码文件G:\Temp\NodeWebkit-test\index.html
  2. 选择Tools->buildSystem->选中node-webkit
  3. 选择Project -> Add Folder to Project加入当前项目文件夹(通过View->Side Bar->Show Side Bar查看)
  4. 之后每次写完代码后点击tools->build后即可自动调用node-webkit启动当前的代码

使用Sublime Text 2编辑和运行node-webkit应用程序,布布扣,bubuko.com

使用Sublime Text 2编辑和运行node-webkit应用程序

标签:style   blog   color   使用   strong   文件   

原文地址:http://www.cnblogs.com/beta2013/p/3811498.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!