https://github.com/alankrantas/monaco-ts-live-editor
Monaco TypeScript Live Editor
https://github.com/alankrantas/monaco-ts-live-editor
coding-tool monaco-editor online-editor react typescript vite
Last synced: 8 months ago
JSON representation
Monaco TypeScript Live Editor
- Host: GitHub
- URL: https://github.com/alankrantas/monaco-ts-live-editor
- Owner: alankrantas
- License: mit
- Created: 2024-04-19T09:41:30.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-01T14:03:44.000Z (9 months ago)
- Last Synced: 2025-02-01T15:19:49.273Z (9 months ago)
- Topics: coding-tool, monaco-editor, online-editor, react, typescript, vite
- Language: TypeScript
- Homepage: https://alankrantas.github.io/monaco-ts-live-editor/
- Size: 489 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Monaco TypeScript Live Editor
> Try it [here](https://alankrantas.github.io/monaco-ts-live-editor/).
A simple demonstration to wrap [`@monaco-editor/react`](https://www.npmjs.com/package/@monaco-editor/react) into an online TypeScript editor component with IntelliSense support and script execution functionality. The React app is [created/built by Vite](https://vitejs.dev/) and deployed to GitHub Pages using Github Actions.
## Development
### `yarn`
Install dependencies.
### `yarn upgrade-all`
Upgrade all dependencies.
### `yarn dev`
Start the dev server.
### `yarn build`
Build a production at `./dist`.
### `yarn preview`
Serve and view the built production.
### `yarn commit`
Commit changes.