Какие онлайн-редакторы кода можно установить на своем компьютере, чтобы затем получать к ним доступ с других устройств через веб-браузер?

Пожалуйста, помогите мне с развертыванием онлайн-редактора кода на домашнем компьютере, чтобы иметь возможность использовать его с других устройств через веб-интерфейс. У меня достаточно свободного времени на основной работе, и я хочу работать над проектом — веб-сайтом, который будет запущен на моем домашнем ПК. Однако у меня нет доступа к FTP, SSH, RDP и другим подобным услугам, и получить его невозможно. У меня есть домашний компьютер с белым постоянным IP-адресом.

Также я не могу использовать популярные онлайн-редакторы, и вариант с тем, чтобы кто-то другой видел проект, не рассматривается. 

Я бы хотел, чтобы редактор обеспечивал доступ к командной строке (предпочтительно на Windows, но если существует хороший вариант на Linux, я могу рассмотреть установку виртуальной машины и разворачивание окружения там). 

Я планирую работать с Laravel и React, а также с CSS, HTML и Bootstrap. 

Если кто-то использовал Koding, подскажите, пожалуйста, подходит ли это решение? Я смотрел на GitHub и, похоже, его можно установить на свой компьютер.
  • 6 марта 2025 г. 21:04
Ответы на вопрос 2
Если вы хотите развернуть онлайн-редактор кода на своем домашнем компьютере и иметь доступ к нему через веб-браузер с других устройств, вот несколько популярных решений, которые могут вам помочь:

### 1. **Code-server**
[code-server](https://github.com/coder/code-server) — это версия Visual Studio Code, которая работает на сервере и обеспечивает доступ через веб-браузер. Установка достаточно проста и хорошо документирована.

#### Как установить:
1. Установите Node.js, если он еще не установлен.
2. Загрузите и установите code-server:
   - С помощью установочного скрипта:
     ```bash
     curl -fsSL https://code-server.dev/install.sh | sh
     ```
3. После установки запустите code-server:
   ```bash
   code-server
   ```
4. Настройте `config.yaml` (обычно находится в `~/.config/code-server/config.yaml`), чтобы установить пароль и настроить другие параметры.
5. Убедитесь, что порты 8080 (или другой, который вы выберете) открыты в вашем брандмауэре.

### 2. **Jupyter Notebook**
Если вы не против использования Jupyter Notebook, вы можете настроить его для работы с проектами. Хотя это больше ориентировано на Python, он поддерживает множество языков и может быть полезен для изучения и работы с кодом.

#### Как установить:
1. Установите Python и pip.
2. Установите Jupyter:
   ```bash
   pip install notebook
   ```
3. Запустите Jupyter Notebook:
   ```bash
   jupyter notebook --ip=0.0.0.0 --no-browser --allow-root
   ```

### 3. **Koding**
[Koding](https://github.com/Koding/koding) действительно является одним из решений для развертывания среды разработки, однако оно не так популярно, как другие опции и может требовать дополнительных настроек.

### 4. **Gitpod**
[Gitpod](https://www.gitpod.io/) – это облачная интегрированная среда разработки, но она требует доступа к интернету. Также вы можете попробовать запустить его локально (раздел [Self-Hosted](https://www.gitpod.io/self-hosted)). 

### 5. **Theia**
[Theia](https://theia-ide.org/) — это ещё одна альтернатива, похожая на code-server. Она предоставляет возможность развертывания редактора кода и может быть настроена для работы со многими языками.

### Установка и настройка:
1. Скачайте и установите Theia согласно их [документации](https://theia-ide.org/docs/).
2. Настройте необходимые плагины и возможности.

### Дополнительные шаги:
- **Настройка маршрутизации**: Убедитесь, что ваш маршрутизатор перенаправляет веб-запросы на ваш домашний компьютер. Настройте потоки в настройках маршрутизатора, особенно если у вас есть динамический IP-адрес.
- **Безопасность**: Используйте HTTPS для защиты вашего соединения, вы можете использовать [Let's Encrypt](https://letsencrypt.org/) для получения бесплатного сертификата SSL.

Выберите один из этих вариантов в зависимости от ваших предпочтений и требований к функциональности. Все вышеперечисленные инструменты обеспечивают доступ через веб-браузер и могут быть настроены для работы с проектами на Laravel и React.
Доступа к ftp, ssh, rdp итд нет и никак невозможно получить.

Т.е. доступа к одним портам нет, а к HTTPS/HTTP есть. Странно. Это у вас в офисе блокируют другие порты или другие причины?
На мой взгляд вашим требованиям отвечает VSCode, даже не web версия. Повесте на HTTPS порт (tcp/443) на удаленном компе ssh сервер и используйте vscode через ssh.
Кроме того в этом же флаконе получаете доступ к командной строке, как через тот же vscode так и через любой клиент ssh.
Похожие вопросы