Simple TypeScript

Write TypeScript, save, and run JavaScript in your browser. The official native TypeScript 7.0.2 compiler is included - no Node.js, npm, or compiler setup required.

Save and preview

1. Keep index.html in your project root. On the first .ts save, the extension creates tsconfig.json beside it if missing, then compiles the project. JavaScript is generated beside TypeScript unless your config specifies otherwise.
2. Load the JavaScript from your HTML:

   <script type="module" src="./main.js"></script>
   

3. For automatic browser reload, install Live Server and open your HTML page with Open with Live Server.

HTML and CSS work exactly as in a vanilla JavaScript project.

Saving compiles the project selected by tsconfig.json. Local imports such as ./scripts/utils become ./scripts/utils.js. The generated config maps @/utils to scripts/utils.ts for TypeScript. The browser also needs a matching import map in your HTML. Edit the .ts sources; their generated .js files are overwritten on successful saves.

Generated configuration

When missing, tsconfig.json is created in the nearest parent folder containing index.html (including the saved file's own folder):

{
  "compilerOptions": {
    "target": "ESNext",
    "module": "Preserve",
    "lib": [
      "ESNext",
      "DOM",
      "DOM.Iterable"
    ],
    "verbatimModuleSyntax": true,
    "paths": {
      "@/*": [
        "./scripts/*"
      ]
    }
  }
}

The wildcard in @/* matches imports such as @/utils. Existing root configs are never overwritten. Edit tsconfig.json to change settings; there are no hidden compiler defaults or merged settings. Options not listed use the bundled TypeScript compiler's own defaults, including strict checking and emission despite type errors. Save a .ts file to apply changes.

• Optional trailing semicolons are removed after compilation.
• Check Problems and fix type errors before relying on the generated code.
• Without index.html, an existing ancestor tsconfig.json can be used; otherwise the extension asks you to add one of these files and does not create a config.

Licence

Offered by neostream under the PolyForm Strict License 1.0.0.