Try this https://securingsincity.github.io/react-ace/ its something of the same king what you want
Answer from SSD on Stack OverflowI just discovered VSCode
vs code - Can you run a version of vscode inside the browser without a server? - Stack Overflow
How can I host VS Code for browser based remote access? - Stack Overflow
VSCode Online: Headless/Server-Only Environments
You can do it with X11 forwarding, I've done it from a Docker container and forwarded to an X11 server on Windows to run VSCode in Docker, see this blog post.
This isn't really VS Code Online though, that's somewhat different.
In reality you're better off using VS Code Remote Extensions which allow you to connect to a remote server SSH or connect to a Docker container. I use the SSH extension to run VS Code on my Raspberry Pi and the WSL extension to do all normal dev.
I chatted to the VS Code Online team this week and they pointed me to this page on the docs about VS Code Online + Remote, turns out that Online just becomes another "style" of remote extension! I haven't had time to try it though.
More on reddit.comHow is code-server different from VS Code Web?
Is this the same as Microsoft VS Code?
Is code-server safe behind Cloudflare Tunnel?
With the exception of Plex, which I've been hosting for 10-12 years, I've been homelabbing for the last 5 years. Lots of things learned, lots of mistakes made, or just poor design decisions, but overall I've done well. That said, for the last 5 years I have solely relied on nano in the CLI, or occasionally using Notepad++ for more features, editing offline, then copying within nano.
I casually noticed VSCode in many YT videos, but no one seems to talk about it. Most YouTubers are likely developers of some sort in their day job, so this was just an obvious application to use. I however work an incredibly boring office job that is incredibly low tech. I've learned lots of YAML over the years, but am far from a coder.
This weekend I decided to try out homepage instead of Heimdall. There is a lot of yaml, and default nano is so horribly inefficient for the task. I downloaded VSCode, and once I figured out the basics it's like driving in the fast lane. To have proper formatting, switch between files quickly, pull up a console with a keystroke, and today I discovered I can just drag and drop a file from my local machine right to the remote session.
Game changer. Most of you I'm certain already knew all this, but for the handful, who like me were blissfully unaware, download VSCode and try it out. Nano is still great for fast things, but this is just something else.
Try this https://securingsincity.github.io/react-ace/ its something of the same king what you want
You can possibly use Gitpod self-host, https://github.com/gitpod-io/gitpod or https://github.com/gitpod-io/openvscode-server they both have documentation on how to create your own version of VSCode for the web, however, as I've never tried to create one myself, I don't know if it accomplishes your specific use case.
You should be able to just run code serve-web --host=<host-to-listen-on> --port=<port-to-listen-on>. you can see the help menu for code serve-web by running code serve-web --help. It defaults to localhost, but you should be able to pass it a host and public port to listen on, assuming you've configured your system firewall to open one up.
Another possible option should be to use VS Code Server by running code tunnel and pass arguments of choice; see help with code tunnel --help), which "[creates] a tunnel that's accessible on vscode.dev from anywhere" (see also the vscode.dev docs).
Side-note, if you want to test a web VS Code extension you're developing, see https://code.visualstudio.com/api/extension-guides/web-extensions#test-your-web-extension.
Thankyou @lawrence-Cherone coder.com
if you are using Docker
- simply create docker-compose.yml
- run
docker-compose upin cmd
version: "2.1"
services:
code-server:
image: lscr.io/linuxserver/code-server
container_name: code-server
environment:
- PUID=1000
- PGID=1000
- TZ=Europe/London
- PASSWORD=password #optional
- HASHED_PASSWORD= #optional
- SUDO_PASSWORD=password #optional
- SUDO_PASSWORD_HASH= #optional
- PROXY_DOMAIN=code-server.my.domain #optional
- DEFAULT_WORKSPACE=/config/workspace #optional
volumes:
- /path/to/appdata/config:/config
ports:
- 8443:8443
restart: unless-stopped
- After Completing your IDE available in localhost:8443 (As mentioned in the dockercompose.yml)
For more information visit Docker Hub
Installing on Windows (use git bash):
Windows We currently do not publish Windows releases. We recommend installing code-server onto Windows with yarn or npm.
Note: You will also need to build coder/cloud-agent manually if you would like to use code-server --link on Windows. Document
yarn global add code-server
# Or: npm install -g code-server
code-server
# Now visit http://127.0.0.1:8080. Your password is in ~/.config/code-server/config.yaml
