Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mohammadmd1383/js-interactive
A JavaScript console simulator for vscode
https://github.com/mohammadmd1383/js-interactive
interactive javascript javascript-console-simulator node node-js nodejs playground repl ts typescript vscode vscode-extension
Last synced: 7 days ago
JSON representation
A JavaScript console simulator for vscode
- Host: GitHub
- URL: https://github.com/mohammadmd1383/js-interactive
- Owner: MohammadMD1383
- License: mit
- Created: 2021-04-20T19:52:22.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-06-28T13:48:51.000Z (over 3 years ago)
- Last Synced: 2024-12-19T07:21:40.402Z (2 months ago)
- Topics: interactive, javascript, javascript-console-simulator, node, node-js, nodejs, playground, repl, ts, typescript, vscode, vscode-extension
- Language: TypeScript
- Homepage:
- Size: 143 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# A javascript console simulator for vscode
## Table Of Contents
- [Start](#start)
- [Basic Features](#basic-features)
- [Playground Example](#playground-example)
- [Notice](#notice)
- [Known Issues](#known-issues)
- [Related StackOverflow Questions](#related-stackoverflow-questions)
### Start
1. Download the extension from [vscode marketplace](https://marketplace.visualstudio.com/items?itemName=MohammadMD.js-interactive).
2. Install it.
3. Press `F1` and then simply type `js interactive` to find the commands as shown below.
### 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.[\*](#notice)
### Playground Example
```javascript
// 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 ...
```
### 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](https://marketplace.visualstudio.com/items?itemName=MohammadMD.vscode-tsc) extension.
### Known Issues
- nothing yet!
### Related StackOverflow Questions
- [JavaScript: do all evaluations in one vm](https://stackoverflow.com/questions/67173347/javascript-do-all-evaluations-in-one-vm)
- [Context-preserving eval](https://stackoverflow.com/questions/67322922/context-preserving-eval)
- [Custom Node JS REPL input/output stream](https://stackoverflow.com/questions/67518218/custom-node-js-repl-input-output-stream)