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

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

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

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

1. Откройте оба файла, которые вы хотите сравнить, в VS Code. Для этого щелкните файлы на левой панели проводника.
   
2. Щелкните правой кнопкой мыши вкладку первого файла, который вы хотите сравнить.
   
3. В появившемся контекстном меню выберите опцию Выбрать для сравнения.
   
4. Щелкните правой кнопкой мыши вкладку второго файла, который вы хотите видеть в правой части экрана.
   
5. Выбирать Сравнить с выбранным чтобы просмотреть различия.
   

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

Сравните разные версии Git

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

1. Перейти к Исследователь вид.
   
2. Выберите файл, который вы хотите изучить в истории версий Git.
   
3. Нажмите на временную шкалу, чтобы развернуть ее, и нажмите Git просмотреть историю файлов.
   
4. Нажмите на коммит Git, чтобы увидеть, как он изменил файл.

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

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

1. Найдите и скачайте Папки различий расширение из консоли расширений.
   
2. Откройте Папка различий просмотр из вашего меню.
   
3. Выберите папки, которые вы хотите сравнить.
   
4. Нажмите Сравниватьи содержимое теперь появится.
   

Обнаружение различий

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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