https://github.com/absorpheus/ts-repl
Fast, local, Replit-like environment for exploring TypeScript.
https://github.com/absorpheus/ts-repl
javascript nodejs playground repl ts typescript typescript-node vscode
Last synced: 1 day ago
JSON representation
Fast, local, Replit-like environment for exploring TypeScript.
- Host: GitHub
- URL: https://github.com/absorpheus/ts-repl
- Owner: absorpheus
- Created: 2024-12-20T18:45:12.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-09-11T10:35:42.000Z (8 months ago)
- Last Synced: 2025-09-11T13:28:14.466Z (8 months ago)
- Topics: javascript, nodejs, playground, repl, ts, typescript, typescript-node, vscode
- Language: TypeScript
- Homepage:
- Size: 32.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ts-repl
ts-repl is a super-fast environment for exploring and experimenting with TypeScript on your local machine. Designed to run seamlessly within VSCode, it enables quick feedback and smooth experimentation.
## Features
- Blazing-fast transpilation: Built on SWC for near-instant code transformations.
- Local integration: Designed to work directly within VSCode, leveraging your local setup.
- Simple and lightweight: A minimal yet powerful setup for experimenting with TypeScript.
## Installation
### Prerequisites
- Install [Node.js](https://nodejs.org/) (LTS or Current)
- Install [VSCode](https://code.visualstudio.com/download)
### Installation
First, install dependencies with `npm`.
```bash
npm install
```
Open the project in VSCode:
```bash
code .
```
### Install recommended extensions
The workspace includes a list of suggested extensions to enhance your development experience. When you open the project in VSCode, it will prompt you to install these recommended extensions.
If the notification doesn't show up you can manually open up Recommended Extensions settings as follows:
- Open the command palette CMD + Shift + p
- Type Show Recommended Extensions
All the extensions can be installed together or only required extensions can be installed.
The following extensions are suggested:
- Error Lens (usernamehw.errorlens) – Highlights errors and warnings directly in your code.
- TwoSlash Queries (orta.vscode-twoslash-queries) – Enables TypeScript annotations and inline queries.
- Pretty TypeScript Errors (yoavbls.pretty-ts-errors) – Improves the readability of TypeScript error messages.
- Prettier (esbenp.prettier-vscode) – A popular code formatter for consistent styling.
### Keybindings
To achieve functionality similar to Replit, add these entries to your keybindings.json file.
```json
[
{
"key": "cmd+enter",
"command": "workbench.action.tasks.runTask",
"args": "build",
"when": "editorTextFocus && (editorLangId == 'swift' || editorLangId == 'typescript') && config.workspaceKeybindings.repl.enabled"
},
{
"key": "cmd+enter",
"command": "workbench.action.tasks.terminate",
"args": "terminateAll",
"when": "taskRunning && editorTextFocus && (editorLangId == 'swift' || editorLangId == 'typescript') && config.workspaceKeybindings.repl.enabled"
}
]
```
## Usage
1. Open `src/index.ts`
2. Start experimenting with TypeScript syntax and features.
3. Update results on demand with Command+Enter, similar to Replit.
## Contributing
We welcome contributions! If you have ideas for new features, improvements, or bug fixes, feel free to open an issue or submit a pull request.