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

开发工具目录结构

--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

时间: 2024-10-19 18:50:20

使用Sublime Text 2编辑和运行node-webkit应用程序的相关文章

配置Sublime Text 2 的Python运行环境

Sublime Text 2作为一款轻量级的编辑器,特点鲜明,方便使用,愈发受到普罗大众的喜爱,我个人最近也开始用了起来.同时,我近段时间还在学习Python的相关东西,所以开始用ST2来写Python,所以把配置方法略微总结一下. 1. 在工具栏点击Preferences,打开Browse Packages.在打开的文件夹中找到Python,并打开这个文件夹.找到文件Python.sublime-build,并打开. 2. 修改以下内容: { "cmd": ["python

Sublime Text 3如何编译运行c++程序

扯 去了一趟清北学堂感觉自己玩的特别嗨,算法没学到什么,前端和爬虫的知识到是会了不少. 然后知道了有一个叫做sublime text 3的编辑器,好用不好用不知道,就冲着它好看,就决定以后就用它了. 然后麻烦的事就出来了, 只能编辑不能编译有什么用啊,控制台命令又太麻烦,那我还不如Dev-cpp去了. 然后上网花了一点时间去寻找配置sublime的教程 因为脑子笨花了大概半小时才弄好吧 下面说正事 首先要确定系统中要安装好g++编译器的,然后要配置好环境变量 网上都有很多教程吧,不需要我多费口舌

Sublime Text 3中配置运行Java

1.安装JDK并配置环境变量 2.在JDK的bin目录下新建runJava.bat文件,右键选编辑,复制粘贴如下代码并保存: @echo off cd %~dp1 echo Compiling %~nx1...... if exist %~n1.class ( del %~n1.class ) javac -encoding UTF-8 %~nx1 if exist %~n1.class ( echo ------Output------ java %~n1 ) 3.打开Sublime Text

Sublime text 3编辑python时出现方框的解决办法

如图: 经过探究发现,出现这个问题的原因是我在Sublime text 3中,安装了Anaconda这款用来增强Python 编辑的插件导致了标题即图片中的问题,解决方法也非常简单,如果是因为使用anaconda插件而出现这些框框, 可以在可以在 Sublime > Preferences > Package Settings > Anaconda > Settings User 中设置关闭: {"anaconda_linting": false}

MAC 系统下使用 Sublime Text 2 直接编译运行 java 代码

本文参考了网上很多文章,就不一一列出了. sublime的版本是 sublime test 2 jdk版本 jdk1.7 1. mac下貌似直接就可以运行javac 和 java命令的,如果不能直接运行,自行加入java环境变量即可 2. 安装完sublime text 2之后,进入如下文件夹 $ cd /Users/用户名/Library/Application Support/Sublime Text 2/Packages/Java 3. 备份JavaC.sublime-build文件 $

使用Sublime Text 2 编辑Markdown

一.安装 下载Sublime Text 2 安装 二.安装Package Control 按Ctrl + ` 打开console 粘贴代码到console并回车 重启Sublime Text 2(出现安装失败时,是网络原因,需要翻墙) import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(

如何在sublime text 中设置快捷键 运行浏览器

关于sublime text ,Windows下有默认浏览器的设置,都可以在命令行中用"explorer.exe"调用,本人实以chrome为例 STEP 1 &amp;amp;amp;amp;lt;img src=\'#\'" //pic4.zhimg.com/fbdc65d864120961ffffab1f33065bff_b.jpg&amp;amp;amp;quot; data-rawwidth=&amp;amp;amp;quot;795&

Sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux

代码编辑器或者文本编辑器,对于程序员来说,就像剑与战士一样,谁都想拥有一把可以随心驾驭且锋利无比的宝剑,而每一位程序员,同样会去追求最适合自己的强大.灵活的编辑器,相信你和我一样,都不会例外. 我用过的编辑器不少,真不少- 但却没有哪款让我特别心仪的,直到我遇到了 Sublime Text 2 !如果说“神器”是我能给予一款软件最高的评价,那么我很乐意为它封上这么一个称号.它小巧绿色且速度非常快,跨平台支持Win/Mac/Linux,支持32与64位,支持各种流行编程语言的语法高亮.代码补全等,

Sublime Text 3配置JavaScript运行环境

1.系统安装配置Node.js https://nodejs.org/en/ 2.Sublime 依次点击 菜单栏 Tools => Build System => New Build System 3.在打开的新编译系统界面输入如下代码并存储为"JavaScript.sublime-build"或者"Node.sublime-build"(名字可以自己定义) { "cmd": ["node", "--u