• Stars
    star
    803
  • Rank 56,759 (Top 2 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 3 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Run JavaScript and TypeScript in node.js within VS Code notebooks with excellent support for debugging, tensorflowjs visulizations, plotly, danfojs, etc

Node.js Notebooks

Features

  • Enhanced REPL experience for Node.js in Notebooks (with top level awaits)
  • Run & debug JavaScript, TypeScript code in node.js
  • Built in support for typescript (ships with TypeScript & ts-node).
  • Built in support for plotly (plotly.js is shipped with the extension)
  • Rich (inline visualizations) using @tensorflow/tfjs-vis & Tensorboards
  • Excellent support for danfo.js (rich HTML output and plots)
  • Excellent support for arquero (rich HTML output)
  • Run shell scripts within the notebook cell.
  • Quickly prototype and view HTML/JavaScript/CSS output
  • Support for user input using readline

Packages such plotly, tfjs-vis & danfo.js support rich visualization only in the browser, however, this extension leverages the power of Notebooks to provide the same rich visualizations when targeting node.js.

Use the command Open a sample node.js notebook to open a sample notebook to get started with plotly.js, danfo.js, tensorflow.js, etc.

Getting started

  • For a REPL experience use the command Open Node.js REPL
    • Consider installing the Jupyter extension for an enhance user interface (toolbars).
  • For a notebook experience, create a file with the extension *.nnb, e.g. sample.nnb
    • Or use the menu item New File... to create a Node.js notebook

Repl Demo

Examples

  • Use the command Open a sample node.js notebook to open a sample notebook.
  • Use the command Welcome: Open Walkthrough... to checkout the samples.

Requirements

  • node.js >= 12
  • node.js needs to be in the current path

Roadmap

  • Open a plain js/ts file as a notebook & vice versa.
  • Better renderers for tabular data (arquero, danfo.js, etc)
  • Vega plots without having to install vega
  • Custom node arguments

Known issues, workarounds and technical details

  • See here for more details

Thanks

Thanks to the various packages we provide integrations with which help make this extension useful:

More Repositories

1

pythonVSCode

This extension is now maintained in the Microsoft fork.
TypeScript
2,053
star
2

gitHistoryVSCode

Git History for Visual Studio Code
TypeScript
918
star
3

vscodeJupyter

Jupyter for Visual Studio Code
TypeScript
335
star
4

vscode-python-manager

Python Environment & Package Manager
Python
74
star
5

vscode-python-samples

Samples for VS Code Python extension
Python
72
star
6

javaVSCode

Extension for java development on VSCode (deprecated)
TypeScript
43
star
7

jquerysnippets

jQuery Code Snippets for Visual Studio Code
TypeScript
36
star
8

python-extension-pack

Popular Visual Studio Code extensions for Python
29
star
9

git-extension-pack

Popular Visual Studio Code extensions for Git
26
star
10

vscode-jupyterpowertools

10
star
11

vscode-activate-python-extension

Always activate the python extension
JavaScript
7
star
12

listFilesVSCode

Extension to List Files in Visual Studio Code for selection
TypeScript
6
star
13

pythonVSCodeDocs

JavaScript
5
star
14

dump

TypeScript
4
star
15

vscode-jupyter

VS Code Jupyter extension
TypeScript
4
star
16

PdfManager

JavaScript
4
star
17

testJupyterDepdendency

Dockerfile
3
star
18

test

TypeScript
2
star
19

bowerVSCode

Bower Package Manager for Visual Studio Code IDE
TypeScript
2
star
20

pythonImproved

Syntax highlighting for Python using PythonImproved (https://github.com/MattDMo/PythonImproved)
2
star
21

xyz

Dockerfile
2
star
22

pyvscSmokeTesting

Python
2
star
23

testDebugPyInContainer

Dockerfile
2
star
24

vscode-setup

My Visual Studio Code setup
2
star
25

PlayCodeSpaces

2
star
26

hackJupyter2021Apr

JavaScript
2
star
27

vscode-notebook-cell-linenumber

2
star
28

pvscSmokeLS

Python
1
star
29

testingRepo

Python
1
star
30

medium

Medium Resources
1
star
31

createidsvscode

Create Unique Ids, UUID/GUID and random numbers
TypeScript
1
star
32

testVSCExt

1
star
33

blah

Python
1
star
34

shareInfo

1
star
35

vscode-extensions

Personal collection of Visual Studio Code extensions, packed together for ease of management.
1
star
36

vscode-notebook-renderer-mime

TypeScript
1
star
37

vscodePythonTesting

Python
1
star
38

VSTeamServicesExtension

Sample Visual Studio Team Services extension using TypeScript and WebPack
TypeScript
1
star
39

vscode-beeware-old

A Visual Studio Code extension with support for BeeWare development
TypeScript
1
star
40

vscode-python-uitests

Python
1
star
41

smokeTestProject

Repo used for smoke testing of Python Extension
Python
1
star
42

vscodeExtWithReact

VS Code Extension with React Code
TypeScript
1
star
43

kernel-python-picker

TypeScript
1
star
44

test1

JavaScript
1
star
45

FlaskAppExperimentalDebug

Debugging Flask apps using Experimental debugger in Python extension for VSC
Python
1
star
46

unidoc-wasm-example

Example of using unidoc in browser
HTML
1
star
47

test_gitHistory

TypeScript
1
star
48

diff-match-patch-tsd-ambient

TypeScript typings for diff-match-patch
TypeScript
1
star