DEV Community

Cover image for Javascript Yoga
pBose
pBose

Posted on

Javascript Yoga

To do yoga with JS I have chosen vscode

Steps:

  • Open the Editor
    Alt Text

  • Create a folder for your JS code, for me, I am using a folder named JS-yoga and it can be on anywhere.
    Alt Text

  • Create a sub-folder called .vscode
    Alt Text

  • Create a task.json file to run with JS code and add the task run commands in JSON format.

{
    "version": "0.1.0",
    "command": "node",
    "isShellCommand": true,
    "args": [
        "--harmony"
    ],

    "tasks": [
        {
            "taskName": "runFile",
            "isTestCommand": true,
            "suppressTaskName": true,
            "showOutput": "always",
            "problemMatcher": "$jshint",
            "args": ["${file}"]
        }
    ]
}
Enter fullscreen mode Exit fullscreen mode

Alt Text

  • Now it's time to add your JS code file, place code whatever you are learning today on JS.
    And add that .js file to your root directory path.
    For me, the file structure is like
    JS-yoga > yoga.js

  • Now run your code
    Terminal > Run Task

Alt Text

  • Select your task
    For me its runFile
    Alt Text

  • Now your output of JS code will appear on the terminal of vscode
    Alt Text

For more convenience you can add a key shortcut to run the task

Steps:

  • Go to menu and open Keyboard Shortcuts

Alt Text

  • Open the keybindings.json

Alt Text

  • Add your desired key to run the task For me, the key is cmd+r, so add the below code
[
    {
        "key": "cmd+r",
        "command": "workbench.action.tasks.test"
    }
]
Enter fullscreen mode Exit fullscreen mode

Alt Text

  • Now go to the js file tab and press the added key to run the code For me, I am pressing cmd+r

Alt Text

Tada...

This article is for javascript beginners.
Hope that's gonna help you guys.

Conclusion

Help to grow other developers and yourself.

Love and best wishes to all creators.

If you found this article interesting please consider following me on Twitter, facebook

Top comments (0)