Вам не нужно беспокоиться о том, что код останется на случайном ПК, вы работаете напрямую с кодом, размещенным в облаке, через API-интерфейсы GitHub.

Служба Github.dev была только что создана GitHub. Если вы просматриваете код в репозитории, все, что вам нужно сделать, чтобы открыть редактор, — это нажать «.» или обновите URL страницы, заменив .com на .dev. Откроется главный редактор Visual Studio Code в вашем браузере со всеми инструментами, которые вам понадобятся, чтобы быстро внести изменения и зафиксировать их в репозитории.

Это удобный способ внести изменения в свой код без необходимости открывать текстовый редактор на своем компьютере, обновлять локальную ветку git, а затем вносить изменения. Возможно, у вас нет времени; возможно, вы просто пролистываете некоторые замечания и вам нужно быстро внести коррективы; возможно, ваш компьютер для разработки находится в часе езды, и вам нужно внести изменения прямо сейчас.

Если вы одолжили клавиатуру для устранения срочной ошибки, вам не нужно беспокоиться о том, что код останется на случайном ПК. Вы не создаете клон репозитория; вместо этого вы работаете напрямую с кодом, размещенным в облаке, через API GitHub.

Github.dev не предназначен для замены локального редактора. Здесь нет ни компилятора, ни терминала, потому что он работает в песочнице вашего браузера, поэтому многие расширения не будут работать (особенно те, которые полагаются на такие инструменты, как компилятор Roslyn NET). Войдя в Github.dev, используя ту же учетную запись, которую вы используете для Visual Studio Code, вы можете синхронизировать те, которые это делают, а также любые настройки из вашей учетной записи.

О МОНАКО

Monaco был разработан как часть предложения по предоставлению онлайн-инструментов разработки из новой лаборатории в Швейцарии и изначально был чем-то вроде проекта skunk Works в Microsoft. Впервые он был выпущен в 2013 году как подмножество редактора Visual Studio на основе TypeScript. Сначала он работал редактором веб-сайта Azure, а затем редактором сайта разработки расширений Office 365. С тех пор он использовался в качестве редактора в SkyDrive и Azure DevOps, а затем был включен в Electron и стал ядром Visual Studio Code, выпущенного в 2015 году.

Следуя по стопам GitHub, Microsoft запустила vscode.dev, браузерный редактор в Монако. Это похоже на утилиту GitHub тем, что дает вам доступ к локальным папкам и папкам OneDrive, а также к репозиториям GitHub. Нет доступных инструментов запуска и отладки, таких как GitHub.dev, но вы можете обновить его, чтобы использовать его с удаленными ресурсами в кодовом пространстве GitHub, что позволит вам работать с кодом в удаленной среде из вашего браузера. Он также позволяет синхронизировать настройки и расширения с настольным редактором, гарантируя, что у вас всегда будет один и тот же набор инструментов, расширений и сочетаний клавиш.

Microsoft и GitHub сделали мудрый шаг, добавив в ваш браузер знакомый редактор. Нет ничего нового для изучения и ничего для установки, если вы в настоящее время используете его.

Все, что вам нужно, это подключение к Интернету и хороший браузер, чтобы начать. Это также стало проще благодаря работе Microsoft над Monaco, веб-редактором Code.

Проект Monaco имеет открытый исходный код, и большая часть его разработки в настоящее время происходит в репозиториях GitHub Visual Studio Code. Это не означает, что он больше не доступен как отдельный редактор; отдельный проект предоставляет инструменты, необходимые для создания собственного редактора в пакете npm. Monaco-editor, собственное пакетное издание Microsoft, все еще разрабатывается и распространяется. Работа с пакетом npm Monaco и его настройка с помощью его API — это то, как GitHub и другие компании пошли по этому пути.

Он готов к использованию в ваших собственных приложениях, когда вам требуется редактор, потому что он находится в npm и имеет хорошо документированный набор API. Вы можете сделать его онлайн-приложением или, если вам нужна настольная версия, вы можете разместить его в Electron или WebView2 или даже запустить его как прогрессивное веб-приложение.

УСТАНОВКА MONACO В ВАШИХ ПРИЛОЖЕНИЯХ

Редактор Monaco доступен в репозиториях Visual Studio Code и может быть установлен через npm. В результате загружаются три копии модуля: версия ESM (модуль ECMAScript) для использования с такими инструментами, как Webpack, и две версии AMD (определение асинхронного модуля), одна из которых уменьшена для более быстрой загрузки. В пакет также включены исходная карта для уменьшенной версии и спецификация API.

Полная версия AMD для разработчиков лучше подходит для отладки, чем уменьшенная версия. Однако при отправке кода пользователям предпочтительнее минифицированная мини-версия AMD, поскольку она оказывает меньшее влияние на пользовательские устройства и пропускную способность.

Monaco легко интегрируется в ваши приложения: для установки и запуска версии редактора AMD требуется всего несколько строк кода. Создайте контейнер div для редактора, а затем используйте загрузчик JavaScript для установки модуля AMD. Затем, чтобы настроить файлы конфигурации редактора и основную функцию, используйте инструкции need. Наконец, вы можете запустить редактор, вызвав его метод create в вашем div и заполнив его, если это необходимо, и используя его свойства для установки начального состояния и выбора языка по умолчанию для редактора.

НАСТРОЙКА МОНАКО С ИСПОЛЬЗОВАНИЕМ ИГРОВОЙ ПЛОЩАДКИ

Свойства редактора позволяют настраивать различные параметры. Многие редакторы позволяют настраивать внешний вид редактора, в том числе то, как вы взаимодействуете с колесиками мыши, управляете вкладками и выбираете начальную языковую поддержку редактора. Microsoft предоставляет интерактивную игровую площадку, где вы можете экспериментировать с альтернативными конфигурациями, а редакторы JavaScript, CSS и HTML для игровой площадки предоставляются Monaco.

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

Очень важно помнить, что все, что вы получаете в Monaco, — это редактор; если вы хотите больше, вам придется написать это самостоятельно. Это включает в себя все хром вокруг редактора, такие как меню и диалоги в вашей программе.

Монако не обязательно быть редактором кода; это скорее холст для редактирования общего назначения, который можно настроить так, чтобы ваше приложение выглядело так, как оно того требует. Это может быть текстовый редактор с базовыми возможностями обработки текста или инструмент для настройки группы устройств Интернета вещей. Создание полнофункционального редактора кода, такого как Visual Studio Code или Github.dev, расширяет границы возможностей Monaco.

Monaco прост в использовании и содержит все функции, необходимые редактору. Во всяком случае, выйти за рамки всех возможностей конфигурации и найти правильный набор функций для ваших нужд — это сложная часть. Вам также не нужно использовать Монако отдельно. Библиотека подсветки синтаксиса Monarch, например, расширяет возможности базового редактора, позволяя вам создавать собственные определения языка и делиться ими. Возможно, вы разрабатываете исследовательский язык и хотите создавать интерактивные учебные пособия. Monaco и Monarch можно использовать для создания внешнего интерфейса для REPL, превращая документацию в интерактивный опыт, похожий на собственную игровую площадку Monaco.

В Монако есть что понравиться. Это универсальный, расширяемый инструмент, основанный на опыте Microsoft, GitHub и других инструментов, чтобы предоставить проверенные функции редактора для ваших собственных приложений. Требуется только немного JavaScript.

Не забывайте ставить нам лайки.