VSCode Viewer based on Monaco Editor
VSCode Viewer Extension
Make users feel like they are reading code in vscode.
It's faster, lighter, and has no ads.
Open source.
Built on top of the very familiar Monaco editor, same as the one being used in VS Code.
Auto highlight code when you load it in a browser tab.
FEATURES
- Fast, even on very long code page
- Dark mode
- Syntax highlighting
- Collapsible trees, with indent guides
- Sticky scroll
Note: this extension might clash with other browser extensions that modify the DOM before it runs. If it doesn't seem to be working, try disabling other extensions. If it clashes with an extension you need, open an issue and I'll try to find a solution.
SOURCE CODE github.com/yuguanpei/vscode-viewer
ISSUES https://github.com/yuguanpei/vscode-viewer/issues
Read more
It's faster, lighter, and has no ads.
Open source.
Built on top of the very familiar Monaco editor, same as the one being used in VS Code.
Auto highlight code when you load it in a browser tab.
FEATURES
- Fast, even on very long code page
- Dark mode
- Syntax highlighting
- Collapsible trees, with indent guides
- Sticky scroll
Note: this extension might clash with other browser extensions that modify the DOM before it runs. If it doesn't seem to be working, try disabling other extensions. If it clashes with an extension you need, open an issue and I'll try to find a solution.
SOURCE CODE github.com/yuguanpei/vscode-viewer
ISSUES https://github.com/yuguanpei/vscode-viewer/issues
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "VSCode Viewer", "version": "1.0.1", "manifest_version": 3, "description": "VSCode Viewer based on Monaco Editor", "homepage_url": "https://github.com/yuguanpei/vscode-viewer", "minimum_chrome_version": "88", "icons": { "96": "logo.png" }, "permissions": ["storage"], "content_scripts": [ { "matches": [""], "exclude_matches": ["*://raw.githubusercontent.com/*"], "js": ["content.js"], "run_at": "document_start" } ], "web_accessible_resources": [ { "resources": ["monaco-editor/*", "index.html", "index.js"], "matches": ["*://*/*"] } ]}
Read more