How to Create a Javascript Console in Sublime Text – wikiHow

Two Methods:Using JSC (Mac OS X)Using Node.js

Javascript consoles are very handy for debugging and getting live results from your script. Although Sublime Text comes with build systems for many other scripting languages, it does not come with a built-in Javascript build system. Many sources will tell you to create a .html page with a link to the .js file, then use a web browser console to see the results of your code. This equates to constant window-switching and browser reloading; leading to frustration, heartache, and ultimately inefficiency.

 

Fortunately, constructing your own Javascript build system for Sublime Text is quick and easy!

Method 1 of 2: Using JSC (Mac OS X)

JSC is a command-line Javascript runner, cooked directly into Mac OS X. Because your Mac already contains everything you need to run the script, creating the build system in Sublime Text is incredibly easy. (If you have a Windows computer, see the directions for Node.js below.)

Creating The Build System

  1. 1

    Launch Sublime Text.

  2. ToolsBuildSytemCreate.png
    2

    Go to “Tools > Build System > New Build System” in the top bar.

  3. Screen Shot 2013 10 26 at 10.10.27.png
    3

    Paste this code into the resulting new tab that Sublime Text opened, replacing anything else in it:

    {
      "cmd":["/System/Library/Frameworks/JavaScriptCore.framework/Versions/A/Resources/jsc","$file"],
      "selector":"source.js"
    }
    
  4. JSCSave.png
    4

    Save the file as “JSC.sublime-build” in the default “user” folder.?Now you have created your build system!

Usage

  1. 1

    Open the Javascript file that you want to run in Sublime Text.

  2. 2

    Use?debug()?instead of?console.log()?in your script.

  3. ChooseJSC.png
    3

    Go to “Tools > Build System” in the top bar and select “JSC”.?This is the build system that you just created.

  4. JSCBuilded4.png
    4

    Build the Javascript file, using either the shortcut ?B, or by choosing “Build” from the “Tools” menu.?A console will now appear in a pane at the bottom of the window, showing the results of your script!

Method 2 of 2: Using Node.js

Node.js (Node) is a platform built to allow Javascript to run on a server. However, it can also be installed on your local computer, providing a relatively simple way to run Javascript and get the results without using a browser.

  1. 1

    Download the Node installer from the?project’s homepage?and run it.?Simply use the default settings.

  2. ToolsBuildSytemCreate.png
    2

    Go to “Tools > Build System > New Build System” in the top bar.

  3. Creatingnodebuilder.png
    3

    Paste this code into the resulting new tab that Sublime Text opened, replacing anything else in it:

    {
      "cmd":["node","$file"],
      "selector":"source.js"
    }
    
  4. NodeSave.png
    4

    Save the file as “node.sublime-build” in the default “user” folder.?Now you have created your build system!

Usage

  1. 1

    Open the Javascript file that you want to run in Sublime Text.

  2. ChooseNode.png
    2

    Go to “Tools > Build System” in the top bar and select “node”.?This is the build system that you just created.

  3. NodeBuilded1.png
    3

    Build the Javascript file, using either the build shortcut (Ctrl + B for Windows, and ? + B for Mac), or by choosing “Build” from the “Tools” menu.?A console will now appear in a pane at the bottom of the window, showing the results of your script!

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注