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

系统 1950 0

开发工具目录结构

      --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应用程序


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论