Github онлайн IDE первый опыт: действительно ароматный

Я слышал раньше, что GitHub запустит онлайн-IDE, и поиск дал много результатов.

Интернет IDE GitHub была выпущена некоторое время, официально имена:GitHub Codespaces(Нажмите, чтобы применить), давайте попробуем сегодня.

Базовый опыт

склад

Создание IDE

Выбор кнопки в CloneOpen With Codespaces

После ввода появится список существующих IDE. Если нет, нажмите «Создать» ниже.

войти в IDE

Начало входа идет инициализация, потом синхронизируется какая-то конфигурация.

Мы обнаружим, что конфигурация и расширения подключаемых модулей в Vscode будут синхронизированы (конечно, предполагается, что ваш локальный VSC привязан к вашему собственному GitHub, а конфигурация синхронизирована).

В то же время IDE может автоматически распознать зависимости установки Package.json, и он будет устанавливаться автоматически при приеме.

основное использование

Несколько простых строк кода мы можем найти предупрежденную IDEnode,Docker,npm,git,pythonИтак, на основе среды разработки.

Стартовый проект

Сначала установите глобальноHexo, перезапустить проектyarn d.

yarn add global hexo

Потому что GitHub вне среды, так что скорость установки высока, продольное наслаждаться шелковистым.

Открытие внешних портов

Если нашей странице нужно запустить локальный порт, IDE также подскажет, что есть внешний порт.

мы также можемRemote ExplorerПосмотреть все сопоставления портов

Мы нажимаем открыть в браузере, и тогда мы можем увидеть страницу.

Когда мы меняемся, он хочет напрямую отправить в боковую панель, просто и быстро. У вас нет никаких настроек.

Продвинутый геймплей

Наш проект не только front-end проект, но и back-end сервер, здесь я буду использовать одинБэкенд-серверДавайте кратко продемонстрировали.

Установка зависит под управлением

Установить глобальноnodemon
Войтиserver

найти одинруководство, и запустите в соответствии с кодом.

sudo apt-get update
sudo apt-get install postgresql postgresql-client
# 创建一个数据库超级用户 postgres
sudo -i -u postgres

В конце концов, мы застрянем здесь, потому что не знаем пароль для Codespace, поэтому установка не удалась.

Докер в действии

Мы можем заметить, что Codespace уже установил для нас Docker, и контейнерное развертывание в наши дни довольно популярно, и описанный выше метод установки не является элегантным.

Так что запустите команды, чтобы установить PostgreSQL

docker run -p 5432:5432 -v /home/docker/postgresql/data:/var/lib/postgresql/data -e POSTGRES_PASSWORD=123456 -e TZ=PRC -d --name=some-postgres postgres
//-p端口映射
//-v将数据存到宿主服务器
//-e POSTGRES_PASSWORD 密码（默认用户名postgres）
//-e TZ=PRC时区，中国
//-d后台运行
//--name容器名称

После запуска, если зеркало не найдено, оно автоматически потянет зеркало.

Проверить статус

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

порт

мы можемForwarded PortsУвеличить переадресацию портов

Просто продемонстрируйте запрос на получение и представляют собой немедленный и измененный для доступа к нему через доменное имя.

Кстати, если мы пропишем адрес url в коде, мы можем напрямую открыть соответствующий порт в командной строке с помощью мыши, и URL тоже будет заменен.

Уведомление

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

Если мы посетим `/graphql`, в запросе появится сообщение `Сервер недоступен` и некоторые междоменные ошибки.

Суммировать

преимущество

Как говорится, 工欲善其事必先利其器.

Программирование больше связано с идеей, а программирование — больше с выражением идей.

Если мы сохраним этапы настройки среды и выбора машины и позволим себе больше сосредоточиться на выражении идей и на кодировании, это заставит нас делать больше с меньшими затратами. И теперь GitHub IDE можно рассматривать как веб-версию VSC. Если вы синхронизируете конфигурацию VSC со своей учетной записью GitHub, конфигурация будет синхронизирована непосредственно при открытии онлайн-среды IDE, и вы сможете быстро приступить к работе.

Кроме того, в GitHub предустановлены различные среды, так что вы больше не беспокоитесь об установке среды, да и сетевая среда, в которой вы находитесь, тоже очень хороша, и различные библиотеки и конфигурации можно загрузить очень быстро. это хорошо для нашей помощи тоже здорово. Типа больше не волнуйсяnode-sassСкачать и другие не менее постыдные сцены.

недостаточный

Хотя онлайн-IDE GitHub имеет много преимуществ, некоторые недостатки все же есть, и ее точно нельзя сравнивать с реальной машиной VSC. например некоторые интерфейсы/graphql, это не так круто, как местная разработка реальной машины. Кроме того, VSC реальной машины имеет множество вспомогательных расширений. НапримерPicGoЧтобы добиться загрузки изображений, чтобы сделать планы кровать GitHub, браузер был протестирован и работает внутри IDE не имеет смысла.

Когда я тестировал, я ограничил включение двух IDE одновременно, иначе я бы предложил вам разобраться с этим.

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

Эпилог

Я слышал об «Облачном компьютере Alibaba» раньше, и с постепенной популяризацией 5G, возможно, все, что вам нужно в будущем, — это просто монитор, который может выполнять обучение, работу и развлечения, а все конфигурации расположены удаленно. Звучит как фантастика, возможно, в будущем она сбудется.

Появление новинки обязательно вызовет у людей любопытство и вопрошание. Если подумать, после того, как GitHub был приобретен Microsoft, он последовательно запустил личные неограниченные частные репозитории, которые можно использовать бесплатно.GitHub Actions, а затем GitHub Codespaces. Кроме того, Microsoft запустила TS, VSC и другие важные для рынка проекты с открытым исходным кодом. То, что я вижу, — это развитие и процветание мира открытого исходного кода, и я надеюсь, что будущее будет все лучше и лучше.

Рассыпать цветы!

Оригинальный текст, выданный в моем блоге:Github онлайн IDE первый опыт