~ Таня Батра, Шрути Праджапати

Введение

VS Code или Visual Studio Code — это мощный редактор кода с открытым исходным кодом, разработанный Microsoft. Он включает в себя настраиваемую среду для отладки, интеллектуальное завершение кода, подсветку синтаксиса, сопоставление скобок, свертывание кода, встроенный git, а также конкурентоспособную экосистему расширений для продуктивной работы.

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

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

Почему VS Code?

Это бесплатная платформа для разработчиков, которая призвана удовлетворить потребности в эффективных инструментах и ​​действует как быстрый цикл сборки кода и отладки, оставляя более сложные рабочие процессы более полнофункциональным IDE, например Visual Studio IDE. .

VS Code в настоящее время очень популярен, поскольку он отвечает большинству важных требований разработчиков и выделяется своей мощной платформой. Самое лучшее в Visual Studio — это то, что он поддерживает яркую коллекцию расширений, включая работающий сервер, и они предоставляют дополнительные функции, такие как линтинг, отладка, форматирование кода, создание шаблонов проектов и интеграция с различными инструментами и средами разработки.

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

Visual Studio Code наряду с кросс-платформенной поддержкой имеет встроенную интеграцию с Git, что обеспечивает беспрепятственный контроль версий. Разработчики могут просматривать изменения Git, фиксировать код, переключать ветки и выполнять другие распространенные операции Git непосредственно в редакторе.

VS Code имеет преимущество перед другими платформами благодаря расширению Live Share, позволяющему пользователям взаимодействовать в режиме реального времени. Это позволяет нескольким разработчикам работать вместе над одной кодовой базой, облегчая парное программирование, проверку кода и удаленное сотрудничество.

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

Работа кода VS

Скачивание и установка

Посетите официальный веб-сайт VS Code по адресу https://code.visualstudio.com и загрузите версию, подходящую для вашей операционной системы. Запустите программу установки и следуйте инструкциям на экране, чтобы завершить установку.

Обзор пользовательского интерфейса

  1. Область редактора. Здесь вы пишете и редактируете свой код.
  2. Боковая панель. Она обеспечивает быстрый доступ к различным функциям, таким как файловый менеджер, система управления версиями, расширения и многое другое.
  3. Панель действий: содержит значки для переключения между представлениями, такими как Проводник, Система управления версиями, Отладка и Расширения.
  4. Палитра команд: нажмите Ctrl+Shift+P (Windows/Linux) или Cmd+Shift+P (macOS), чтобы открыть палитру команд, которая позволяет искать и выполнять команды.

Шаблон кода VS

В компьютерном программировании шаблонный код или просто шаблонный код — это части кода, которые повторяются в нескольких местах практически без изменений. В контексте VS Code шаблонный код может быть создан с использованием различных методов, включая фрагменты кода, расширения или шаблоны. Вот краткое объяснение каждого:

Фрагменты кода. Фрагменты кода — это предварительно определенные фрагменты кода, которые можно вставлять в ваш код. Они действительно полезны в повторяющемся программировании. VS Code поставляется со встроенными фрагментами для многих языков программирования, и вы также можете создавать собственные фрагменты или устанавливать дополнительные расширения фрагментов.

Расширения. VS Code имеет богатую экосистему расширений, и многие расширения предоставляют возможности создания стандартного кода.

Шаблоны. Некоторые языки программирования или платформы имеют специальные инструменты или интерфейсы командной строки (CLI), которые могут создавать структуры проектов или шаблоны кода. Например: Angular CLI может генерировать исходную структуру кода для проекта Angular.

Основные операции с файлами

Создать новый файл

я. Нажмите на значок проводника на боковой панели (самый верхний значок, напоминающий папку).

II. Щелкните правой кнопкой мыши папку или рабочую область, в которой вы хотите создать файл.

III. Выберите «Новый файл» в контекстном меню.

IV. Введите имя нового файла, включая расширение файла.

v. Нажмите Enter, чтобы создать файл.

Открыть файл

я. Нажмите на значок проводника.

II. Перейдите в рабочую область, где находится файл.

III. Дважды щелкните файл, который хотите открыть.

IV. Откроется диалоговое окно выбора файлов, в котором вы можете выбрать файл, который хотите открыть.

Сохранить файл

я. Чтобы сохранить изменения, вы можете использовать сочетание клавиш Ctrl+S (Windows/Linux) или Cmd+S (macOS).

II. Вы также можете перейти в «Файл» > «Сохранить» в строке меню или щелкнуть правой кнопкой мыши вкладку «Файл» и выбрать «Сохранить» в контекстном меню.

Удалить файл

я. В боковой панели проводника выберите файл, который нужно удалить.

II. Выберите удалить из контекстного меню.

III. Подтвердите, когда вас попросят удалить.

Дублировать файл

я. На боковой панели проводника щелкните правой кнопкой мыши файл, который хотите продублировать.

II. Выберите «Дублировать» в контекстном меню.

III. Будет создан новый файл с тем же содержимым, и вы можете указать новое имя для дублированного файла.

Редактирование и навигация

Редактирование. Начните печатать в области редактора, чтобы ввести свой код. Вам помогут с синтаксисом, завершением кода и базовым форматированием.

Навигация: «Перейти к определению» — это одна из функций VScode, с помощью которой вы можете узнать определение символа или функции.

Изменение темы

Изменение темы в VS Code позволяет настроить внешний вид редактора, включая цвета текста, фона и различных элементов пользовательского интерфейса. Для доступа к палитре команд используйте сочетание клавиш Ctrl + Shift + P (Windows/Linux) или Cmd + Shift + P (Mac). В палитре команд начните вводить «Настройки: цветовая тема», чтобы отфильтровать доступные команды. Выберите команду, как только она появится в списке. Прокрутите список, чтобы просмотреть различные темы. По мере выбора каждой темы окно редактора будет обновляться, чтобы показать изменения. Как только вы найдете понравившуюся тему, просто нажмите на нее, чтобы применить ее к редактору. Изменение темы вступает в силу немедленно.

Расширения

VS Code имеет замечательную экосистему расширений, которые предоставляют дополнительную функциональность для различных языков, фреймворков и инструментов. Чтобы просмотреть и установить расширения, щелкните значок «Расширения» на боковой панели. Найдите нужное расширение и нажмите кнопку «Установить».

Некоторые из популярных расширений в VS Code: Code Runner для запуска фрагментов кода, Gitlens для расширенной интеграции с git, Live Сервер для просмотра фактических изменений HTML/CSS, если они были внесены, Python для поддержки языка python, ESlint для линтинга JavaScript и многих других расширений.

Интегрированный терминал

Встроенный терминал в VS Code позволяет вам запускать инструменты командной строки, выполнять сценарии и взаимодействовать с вашим проектом прямо из редактора. Это, безусловно, вопрос комфорта и удобства для пользователя. Он позволяет выполнять различные задачи, не переключаясь на внешнее терминальное приложение. Вы можете открыть встроенный терминал в VS Code, выбрав Вид › Терминал в строке меню или используя сочетание клавиш Ctrl (обратная кавычка) в Windows/Linux. По умолчанию терминал открывается в нижней части окна VS Code, но при необходимости вы можете переместить его в другое место. Интегрированный терминал и рабочая область. Интегрированный терминал в VS Code — это мощный инструмент, который улучшает ваш рабочий процесс, предоставляя интерфейс командной строки в редакторе. Это позволяет вам эффективно выполнять различные задачи и взаимодействовать с вашим проектом, не выходя из среды разработки.

Отладка

Отладка — одна из хороших функций кода VS. Пользователю предоставляется мощный опыт отладки для языков мультипрограммирования. Чтобы начать сеанс отладки, щелкните значок «Отладка» на боковой панели, выберите конфигурацию отладки и нажмите кнопку «Начать отладку». Эта функция кода VS упрощает установку точек останова, пошаговое выполнение кода, проверку переменных и просмотр стеков вызовов во время отладки.

Настройка предпочтений

Нет никаких сомнений в том, что у каждого пользователя разные предпочтения в отношении редактора. Вы, несомненно, можете настроить различные аспекты редактора в соответствии со своими предпочтениями. Чтобы получить доступ к настройкам, перейдите в Файл › Настройки › Настройки (или используйте сочетание клавиш Ctrl). Вы можете настроить такие параметры, как выбор темы, размер шрифта, сочетания клавиш и настройки для конкретного языка.

Контроль версий: Git

VS Code интегрируется с Git, что позволяет контролировать версии в редакторе. Если ваш проект уже находится в Git, значок системы управления версиями на боковой панели покажет текущий статус репозитория. Вы можете публиковать изменения, фиксировать их, просматривать различия и выполнять другие операции Git, используя предоставленный интерфейс.

Подробнее о VS Code

Безусловно, VS code — очень интересная, полезная и удобная платформа для работы. Многие программисты предпочитают работать с кодом VS. Учитывая тот факт, что каждый хотел бы узнать, как он работает, и изучить его больше. Чтобы узнать его полностью, вы можете ознакомиться с обширной документацией по коду VS, доступной на его официальном сайте: https://code.visualstudio.com/docs. Здесь вы можете найти подробные руководства, учебные пособия и советы по использованию различных функций. Вы также можете использовать канал VS code на YouTube для лучшего обучения.

Случаи использования VS Code

1. Редактирование кода. Вы можете редактировать свой код на различных языках программирования, таких как JavaScript, Python, Java, C++, HTML, CSS и других. Это, безусловно, подлинное программное обеспечение для повседневных задач кодирования, помогающее пользователям с подсветкой синтаксиса, автодополнением кода, линтингом и отладкой.

2.Веб-разработка: код VS поддерживает HTML, CSS, JavaScript и известные фреймворки, такие как React и Angular. Расширения VS Code включают такие функции, как работающий сервер, IntelliSense, автопрефикс CSS и встроенный терминал для запуска серверов разработки или инструментов сборки.

3. Полная разработка: пользователи могут работать как с внутренним, так и с внешним интерфейсом. Он поддерживает фреймворки и библиотеки для разработки на стороне сервера, такие как Node.js, Express.js, Django, Ruby on Rails и другие. Переключение между клиентским и серверным кодом становится простым.

4. Разработка мобильных приложений. Код VS вместе с такими платформами, как React Native или Flutter, можно использовать для создания полнофункционального мобильного приложения. Расширения в коде VS, такие как IntelliSense, отладка и создание шаблонов, используются при разработке мобильных приложений. Разработчики могут использовать VS Code вместе с эмуляторами или физическими устройствами для создания, тестирования и отладки своих мобильных приложений.

5. Наука о данных и машинное обучение. Расширения кода VS, такие как R, Jupyter Notebook и Python, можно использовать для машинного обучения. Более того, для создания эффективной модели машинного обучения нам необходимо интерактивное кодирование, правильная визуализация данных и интеграция, для чего у нас есть популярные расширения, такие как Pandas, NumPy и TensorFlow.

6. Совместная разработка. В коде VS есть расширения, такие как LiveShare в коде VS, позволяющие осуществлять совместную разработку. Разработчики могут совместно использовать свое рабочее пространство, совместно редактировать код и общаться с помощью встроенных функций чата и голосовой связи.

Актуальность в будущем

Никто не видел будущего! Но у нас есть несколько очень веских причин, подтверждающих актуальность кода VS в будущем.

1. Непрерывная разработка. Microsoft, владелец кода VS, постоянно поддерживает и улучшает код VS. Регулярно проверяется наличие ошибок, и по мере развития постоянно развивающейся технологии постоянно добавляются расширенные функции.

2. Адаптируемость к будущим усовершенствованиям языка: код VS поддерживает несколько языков программирования. С течением времени и с развитием технологий в этом языке программирования, безусловно, будут улучшения. Код VS может адаптироваться к этим достижениям, что повышает вероятность того, что он останется актуальным в будущем.

3. Сильная экосистема и расширения: код VS имеет сильную экосистему расширений с тысячами расширений. Эти разработчики расширений постоянно добавляют новые функции по мере появления новых технологий.

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

5. Просмотр баз данных: обычно для управления базой данных проектов разработки приложений используется настольное приложение или веб-портал, но множество надстроек для Visual Studio Code позволяет пользователям запрашивать базы данных непосредственно из приложение. Например, vscode-database обеспечивает быстрое подключение и запросы к MySQL и PostgreSQL, а vscode-sqlite позволяет вам работать с универсальным SQLite. Пользователи MongoDB также имеют расширение для вызова собственного.

6. Разработка и тестирование API-интерфейсов. API-интерфейсы позволяют программным компонентам работать вместе, независимо от того, где они находятся или на основе чего они созданы. Ряд надстроек для Visual Studio Code позволяет нам тестировать API прямо в редакторе или работать с форматами определения API. tropicRPC позволяет автоматически тестировать API-интерфейсы gRPC, при этом конфигурация для теста сохраняется в проекте VS Code. openapi-lint обеспечивает проверку и анализ файлов OpenAPI, причем формат OpenAPI чаще всего используется для написания определений API; openapi-lint также обеспечивает экспорт в другие форматы, включая YAML и JSON. Swagger Viewer обеспечивает предварительный просмотр, а также линтинг и IntelliSense для файлов OpenAPI.

7. Отправьте SMS своим коллегам: пользователи Slack и Discord может использовать Visual Studio Code для взаимодействия с этими службами, а надстройка Arjun Attam's Chat работает с обеими этими службами и даже допускает интеграцию с ними непосредственно в VS. Окно кода.

8. Отслеживайте свою продуктивность. С помощью системы отслеживания показателей разработки Wakatime VS Code добавляет -on для управления статистикой Wakatime непосредственно из редактора. А дополнение Code Time позволяет отслеживать и управлять производительностью самостоятельно с помощью проекта с открытым исходным кодом. А для тех, кто просто хочет простой таймер Pomodoro, для этого тоже есть расширение. Это делает тайм-менеджмент возможным в большей степени.