Skip to content
| Marketplace
Sign in
Visual Studio Code>Notebooks>RepleteNew to Visual Studio Code? Get it now.
Replete

Replete

James Diacono

repletejs.org
|
456 installs
| (0) | Free
Interactive JavaScripting
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Replete

Replete brings interactive programming to JavaScript. It is an evaluator for JavaScript modules, supporting a variety of environments including the browser, Node.js, Deno, Bun, and Txiki.

Watch the introduction.

The source code for this extension is in the Public Domain.

Installation

Make sure you have Deno v1.35.3+ installed. In VSCode, go to

View -> Extensions

and search for "Replete". Press "Install".

Usage

The following keybindings can be used to control Replete:

Windows/Linux MacOS Command
alt+r ctrl+r Start Replete
alt+s ctrl+s Stop Replete
alt+l ctrl+l Clear output
alt+b ctrl+b Evaluate selection in browser
alt+n ctrl+n Evaluate selection in Node.js
alt+d ctrl+d Evaluate selection in Deno
alt+u ctrl+u Evaluate selection in Bun
alt+t ctrl+t Evaluate selection in Txiki

Alternatively, search for "Replete" in the command palette to see the available commands.

Upon starting Replete, a new Output panel will appear. This is where Replete writes its output. Now you can begin evaluating source code.

Configuration

Ensure that the Output panel's "Auto Scrolling" feature is turned on. You may also want to disable VSCode's "Smart Scroll" feature, which can interfere with Replete's output:

Settings -> User -> Features -> Output

The extension can be configured globally by navigating to

Settings -> User -> Extensions -> Replete

or by choosing "Open User Settings (JSON)" in the command palette.

Replete can also be configured on a per-project basis. Simply create a replete.json file in the project's root directory and specify a command like so:

{
    "command": [
        "deno",
        "run",
        "--allow-all",
        "--importmap",
        "https://deno.land/x/replete/import_map.json",
        "https://deno.land/x/replete/replete.js",
        "--browser_port=9325",
        "--content_type=js:text/javascript",
        "--content_type=css:text/css",
        "--content_type=svg:image/svg+xml"
    ]
}

Refer to replete.js for a full list of supported arguments.

Additional configuration, including transpilation, can be achieved via Replete's programmatic interface. See run.js for an example.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft