Как сравнить 2 файла в VS Code

Иногда программирование может показаться решением сложной головоломки. Иногда эта головоломка сводится к тому, чтобы «найти различия». Visual Studio Code (VS Code) позволяет элегантно сравнить содержимое двух файлов за несколько простых шагов. Это руководство покажет вам, как легко сравнить два разных файла в VS Code. Будут также некоторые другие полезные функции, которые сделают кодирование намного более удобным.

Сравнение двух файлов в VS Code

Прежде чем сравнивать содержимое двух файлов, необходимо открыть оба в Visual Studio Code. Вот как это сделать для файлов в вашей системе:

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

Выбрать для сравнения

Щелкните правой кнопкой мыши вкладку второго файла, который вы хотите видеть в правой части экрана.
Выберите Сравнить с выбранными, чтобы просмотреть различия.
< img src="/wp-content/uploads/2023/11/d8fbc623c164d8187a60f6bbf2af8f87.jpg" />

<р>Аналогичным образом вы можете сравнить несохраненные файлы и редакторы. Выберите первый редактор, нажмите Выбрать для сравнения, а затем Сравнить с выбранным во втором редакторе.

Сравнение разных версий Git

Сравнение разных версий репозитория Git немного отличается от сравнения файлов на вашем собственном компьютере. Вы можете сделать это следующим образом:

Перейдите в представление Проводник.
Выберите файл, который вы хотите изучить в истории версий Git.
Нажмите на время линия просмотрите его, чтобы развернуть, и нажмите Просмотреть историю файлов Git.
Нажмите на коммит Git, чтобы увидеть, как он изменил файл.

Сравнить две папки

Вы не ограничены только сравнением файлов в VS Code. Вот как можно сравнить содержимое двух папок:

Найдите и загрузите расширение Diff Folders с сайта консоль расширений.

<ли >Откройте представление Папка различий из меню.

Выберите папки, которые вы хотите сравнить.
Нажмите Сравнить, и теперь появится содержимое.

Выявление различий

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

Объединение изменений

Если у вас есть изменения в одном файле, которые вы хотите включить в другой, есть простой способ сделать это. Все, что вам нужно сделать, это найти значок объединения на панели инструментов и щелкнуть по нему, чтобы объединить два файла вместе.

Описание средства просмотра различий

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

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

Разница с языком программирования

Программа просмотра различий Visual Studio Code использует эффективный построчный подход для сравнения файлов и выделения измененных символов. Это проверенный метод, который может показаться вам знакомым, если вы когда-либо использовали такие инструменты, как Notepad++ и его плагины для сравнения. Однако языки программирования, допускающие необязательные точки с запятой или разрывы строк, могут быть проблематичными для этой системы, поскольку различия становятся довольно шумными, а тривиальные изменения засоряют экран.

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

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

Найти и заменить

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

Нажмите Ctrl+F, чтобы открыть виджет поиска в редакторе для поиска в текущем файле. Вы можете перемещаться по результатам и даже заполнять строку поиска из выделенного.
Запустите операцию поиска по выделенному тексту, щелкнув трехстрочный значок (гамбургер) в виджете поиска или настроив “редактор .find.autoFindInSelection” чтобы “всегда” или “многострочный”
Вы можете проанализировать текст в поле ввода поиска для поиска многострочного текста. Вы также можете изменить размер виджета поиска.
Нажмите Ctrl+Shift+F, чтобы выполнить поиск по всем файлам в папке, которая в данный момент открыта. Вы можете использовать расширенные параметры поиска и синтаксис шаблонов шаблонов.
Сопоставление регистра, совпадение всего слова, регулярное выражение и сохранение регистра — вот некоторые из расширенных параметров поиска и замены.

Поиск по файлам

Если вы ищете что-то конкретное в нескольких файлах проекта, VS Code поможет вам. Вы можете быстро выполнить поиск по всем файлам в текущей папке с помощью Ctrl+Shift+F. Результаты будут разделены на файлы, содержащие запрос. Вы также можете проявить творческий подход и использовать поиск по регулярным выражениям для получения более конкретных результатов.

Интеграция сравнения файлов с другими функциями

Возможности инструментов сравнения в VS Code выходят за рамки сравнения файлов. Это открывает множество возможностей интегрированного кодирования. Объединив такие функции, как автосохранение, «Горячий выход» и расширенный поиск, вы можете беспрепятственно работать над одним проектом, сравнивая разные версии файлов и выполняя поиск определенных функций в нескольких файлах.

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

Сравнивайте с осторожностью

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

В ваших проектах требуется жесткий контроль версий и частое сравнение файлов? Есть ли у вас какие-либо советы или рекомендации относительно методов сравнения кода? Поделитесь своими мыслями и идеями в комментариях ниже.

Отказ от ответственности: некоторые страницы этого сайта могут содержать партнерскую ссылку. Это никоим образом не влияет на нашу редакционную статью.

Вам также может понравиться Как просмотреть историю просмотров в TikTok