Запуск VS Code в любом браузере в любой ОС

Visual Studio (VS) Code - одна из самых популярных IDE, поскольку она не только бесплатна, но и поддерживает несколько распространенных языков программирования с возможностью расширения для установки всех видов подключаемых модулей. В общем, чтобы настроить VS Code или любую другую IDE, нам обычно нужно загрузить и установить приложение на свой компьютер, что в настоящее время не является болезненным процессом, поскольку все основные IDE упростили процесс установки.

Однако, если у вас нет доступа к вашему компьютеру или ваш компьютер недостаточно мощный для запуска этих IDE, ваши возможности довольно ограничены. Команда VS Code усердно работала, чтобы предоставить нам лучшие решения - VS Code теперь доступен в виде веб-приложения. Другими словами, вы можете запустить онлайн-редактор VS Code, перейдя на веб-сайт в своем браузере - vscode.dev.

Независимая платформа

Поскольку VS Code для Интернета - это, по сути, веб-приложение, оно запускается в браузере. В результате его можно запускать практически на любых интеллектуальных устройствах с веб-браузером. Открыв приложение на своем рабочем столе, я попробовал его на своем телефоне, как показано ниже. Это не так уж и плохо, правда?

Следующим устройством, которое я попробовал, был iPad. Я не почувствовал никакой разницы с браузером на рабочем столе, потому что экран iPad не такой уж маленький.

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

Вот как это выглядит, когда я запускал VS Code на своем XBOX. Так что вы можете писать код вместе со своими детьми - каждый из вас использует контроллер :)

Поддержка общих языков программирования

Я не слышал ни одного языка, который бы вообще не поддерживался VS Code. Однако, поскольку VS Code для Интернета работает в браузере, поддержка языков программирования ограничена из-за ограничений возможностей веб-браузера. Тем не менее, как было сказано в официальном блоге о выпуске VS Code для Интернета, существует три категории в зависимости от уровней поддержки.

  • Лучшее: в эту категорию входят языки, наиболее подходящие для веб-разработки, такие как JSON, HTML и CSS. Вы действительно не заметите различий между веб-версией и версией для ПК.

  • Лучше: как вы знаете, TypeScript и JavaScript активно используются в веб-браузерах. Недавно к команде присоединился Python. Таким образом, эти три языка лучше совместимы с VS Code для Интернета. У вас будет очень хороший опыт в области выделения синтаксиса и ошибок.

  • Хорошо: эта категория относится к большинству языков, например C / C ++, Java, C # и Go. Поддержка ограничена раскрашиванием синтаксиса, выделением пар скобок и некоторыми другими базовыми вещами.

Доступ к файловой системе

Хотя это веб-приложение, это не означает, что вы никогда не захотите использовать файлы на своем компьютере. Вы все еще можете это сделать. Когда вы нажмете «Открыть папку», вам будет предложено выбрать папку на вашем компьютере.

Как только вы выберете папку, Chrome попросит вас разрешить доступ к вашей файловой системе.

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

Расширения

Получив доступ к своим локальным файлам, я добавил в папку файл сценария Python. Как вы уже заметили в настольном приложении, вам будет предложено установить рекомендуемые расширения для Python.

Неудивительно, что рекомендуемое расширение - это официальное расширение Python для VS Code. Однако он также предупреждает о том, что функциональные возможности VS Code для Интернета могут быть ограничены. В любом случае, я «все равно установлю».

После установки расширения Python я получил необходимые подсказки автозаполнения для моего скрипта Python, как показано ниже. Как это хорошо!

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

Интеграция с GitHub

Многие из нас используют GitHub для размещения кода для управления версиями. Он также интегрирован в VS Code для Интернета. Когда вы нажмете «Открыть удаленный репозиторий», вам будет предложено войти в свою учетную запись GitHub.

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

Синхронизация ваших настроек

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

Выводы

В этой статье мы узнаем, как работает VS Code для Интернета. По сути, в нем есть самые основные элементы, такие как анализ кода и интеграция с GitHub, которые вы можете кодировать. Самым большим преимуществом является кодирование практически везде, где есть доступ в Интернет.

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

Спасибо, что прочитали эту статью. Оставайтесь на связи, подписавшись на мою рассылку новостей. Еще не являетесь участником Medium? Поддержите мое письмо, используя мою членскую ссылку (бесплатно для вас, но часть ваших членских взносов перераспределяется мне Medium в качестве стимула).