/js-interactive

A JavaScript console simulator for vscode

Primary LanguageTypeScriptMIT LicenseMIT

A javascript console simulator for vscode

Table Of Contents

Start

  1. Download the extension from vscode marketplace.
  2. Install it.
  3. Press F1 and then simply type js interactive to find the commands as shown below.

image

Basic Features

Type And Execute:

  • almost any javascript that you can execute in a browser. dev tools > console
  • almost any javascript that you can execute in a NodeJs environment.
  • almost any typescript! that you can execute in either NodeJs or browser environment.*

Playground Example

// console features
⫸	console.log("Hello World")
!	Hello World
⫷	undefined

⫸	console.table(
    	{index: 0, title: "js interactive", description: "JavaScript Console Simulator"},
    	{index: 1, title: "ts interactive", description: "TypeScript Playground!!!"},
    )

| index | title          | description                  |
| ----- | -------------- | ---------------------------- |
| 0     | js interactive | JavaScript Console Simulator |
| 1     | ts interactive | TypeScript Playground!!!     |

⫷	undefined

// math
⫸	2 + 4 * Math.PI
⫷	14.566370614359172

// create functions
⫸	function doSomeJob() { /* ... */ }
⫷	undefined

// use typescript!
⫸	var a: string = "Hello World"
⫷	undefined
⫸	a
⫷	Hello World

// use NodeJs!
⫸	fs.readFile(...)
⫷	...

// and many more ...

image

Notice

  • NodeJs environment is still in preview. you may encounter some undefined behavior. I'm glad to reply to your issues!
  • Since v1.1.11 the typescript features depend on VSCode Typescript Compiler extension.

Known Issues

  • nothing yet!

Related StackOverflow Questions