Иногда программирование может показаться решением сложной головоломки. Иногда эта головоломка сводится к тому, чтобы «найти различия». Visual Studio Code (VS Code) позволяет элегантно сравнить содержимое двух файлов за несколько простых шагов. Это руководство покажет вам, как легко сравнить два разных файла в VS Code. Будут также некоторые другие интересные функции, которые сделают программирование намного удобнее.
Сравнение двух файлов в VS Code
Прежде чем сравнивать содержимое двух файлов, необходимо открыть оба в Visual Studio Code. Вот как это сделать для файлов в вашей системе:
- Откройте оба файла, которые вы хотите сравнить, в VS Code. Для этого щелкните файлы на левой панели проводника.
- Щелкните правой кнопкой мыши вкладку первого файла, который вы хотите сравнить.
- В всплывающем меню, вызываемом правой кнопкой мыши, выберите опцию «Выбрать для сравнения».
- Щелкните правой кнопкой мыши вкладку второго файла, который вы хотите видеть в правой части экрана.
- Выберите «Сравнить с выбранными», чтобы просмотреть различия.
Аналогичным образом вы можете сравнить несохраненные файлы и редакторы. Выберите первый редактор, нажмите «Выбрать для сравнения», а затем «Сравнить с выбранным» во втором редакторе.
Сравните разные версии Git
Сравнение разных версий репозитория Git немного отличается от сравнения файлов на вашем компьютере. Вы можете сделать это следующим образом:
- Перейдите в представление Explorer.
- Выберите файл, который вы хотите изучить в истории версий Git.
- Нажмите на временную шкалу, чтобы развернуть ее, и нажмите «Git View File History».
- Нажмите на коммит Git, чтобы увидеть, как он изменил файл.
Сравнить две папки
Вы не ограничены только сравнением файлов в VS Code. Вот как вы можете сравнить содержимое двух папок:
- Найдите и загрузите расширение «Diff Folders» из консоли расширений.
- Откройте представление папки Diff в меню.
- Выберите папки, которые вы хотите сравнить.
- Нажмите «Сравнить», и теперь содержимое появится.
Обнаружение различий
Выбрав два файла для сравнения VS Code, вы увидите различия, выделенные в вашем редакторе. Таким образом, вы сможете быстро определить, что изменилось в коде. Используйте стрелки на панели инструментов для навигации по изменениям. На этом этапе вы можете проанализировать изменения, выполнить отладку и определить, какие из них вы хотите сохранить, а какие отказаться.
Объединение изменений
Если у вас есть изменения в одном файле, которые вы хотели бы включить в другой, есть простой способ сделать это. Все, что вам нужно сделать, это найти значок слияния на панели инструментов и щелкнуть по нему, чтобы объединить два файла вместе.
Объяснение средства просмотра различий
Внутри Visual Studio Code спрятано мощное средство просмотра различий, которое позволяет пользователям сравнивать две версии одного и того же файла или два совершенно разных файла. Этот инструмент не просто смотрит на что-то рядом — он позволяет легко определить, что изменилось, в мгновение ока с помощью удобных выделений.
Когда что-то было удалено из файла, оно становится ярко-красным фоном с левой стороны и угловым узором справа. Если во втором файле есть дополнения (независимо от того, выбираете ли вы в качестве второго файл более новый или старый), найдите угловой узор слева и жирный зеленый фон справа. Когда изменены только части строки, они приобретают светло-красный и зеленый фон, так что вы не упустите возможность увидеть, где происходят изменения. Таким образом, вы сможете быстро обнаружить различия и решить, какие изменения вы предпочитаете.
Разница с поддержкой языка программирования
Средство просмотра различий Visual Studio Code использует эффективный построчный подход для сравнения файлов и выделения измененных символов. Это проверенный метод, который может показаться вам знакомым, если вы когда-либо использовали такие инструменты, как Notepad++ и его плагины для сравнения. Однако языки программирования, которые допускают необязательные точки с запятой или разрывы строк, могут быть проблематичными для этой системы, поскольку различия становятся довольно шумными, а тривиальные изменения засоряют экран.
Для решения этой проблемы существует расширение, известное как SemanticDiff, которое выходит за рамки простого сравнения текста и анализирует код файла, оценивая его представление компилятора. Таким образом, вы сможете увидеть небольшие изменения, которые не влияют на программу, и вместо этого напрямую идентифицировать перемещенный код, обеспечивая при этом гораздо более четкое представление о том, что важно в различиях. Это похоже на наличие способного редактора, который понимает тонкости языка программирования. Он отфильтровывает неважные аспекты и вносит изменения, которые имеют реальное значение после компиляции кода.
Если вы хотите получить больше информации об изменениях кода, установите SemanticDiff с торговой площадки VS Code и переключитесь в режим интеллектуального сравнения, чтобы с большей точностью увидеть различия в вашем коде.
Найти и заменить
Помимо сравнения, поиск определенного текста в файле или в нескольких файлах — еще одна задача, которую вы, вероятно, будете часто выполнять. Функциональность поиска и замены VS Code надежна и имеет несколько расширенных опций:
сколько лет моему аккаунту google
- Нажмите Ctrl+F, чтобы открыть виджет поиска в редакторе для поиска в текущем файле. Вы можете перемещаться по результатам и даже заполнять строку поиска из выделенного.
- Запустите операцию поиска выделенного текста, щелкнув трехстрочный значок (гамбургер) в виджете поиска или установив для параметра «editor.find.autoFindInSelection» значение «всегда» или «многострочный».
- Вы можете проанализировать текст в поле ввода поиска для поиска многострочного текста. Вы также можете изменить размер виджета поиска.
- Нажмите Ctrl+Shift+F, чтобы выполнить поиск по всем файлам в папке, которая открыта в данный момент. Вы можете использовать расширенные параметры поиска и синтаксис шаблона glob.
- Учет регистра, совпадение всего слова, регулярное выражение и сохранение регистра — вот некоторые из расширенных возможностей поиска и замены.
Поиск по файлам
Если вы ищете что-то конкретное в нескольких файлах проекта, VS Code поможет вам. Вы можете быстро выполнить поиск по всем файлам в текущей папке с помощью Ctrl+Shift+F. Результаты будут разделены на файлы, содержащие запрос. Вы также можете проявить творческий подход и использовать поиск по регулярным выражениям, чтобы получить более конкретные результаты.
Интеграция сравнения файлов с другими функциями
Возможности инструментов сравнения в VS Code выходят за рамки сравнения файлов. Это открывает множество возможностей интегрированного кодирования. Объединив такие функции, как автосохранение, «горячий выход» и расширенный поиск, вы можете беспрепятственно работать над одним проектом, сравнивая разные версии файлов и выполняя поиск определенных функций в нескольких файлах.
Более того, вы можете изменять файлы конфигурации с абсолютной уверенностью, что ваши изменения сохранятся. Вам не придется беспокоиться о несохраненных изменениях, если приложение закрыто. Hot Exit помнит их всех. Все эти функции в совокупности дают вам полный контроль над всеми версиями и изменениями ваших файлов.
Сравните с осторожностью
Некоторые задачи кодирования могут показаться более рутинными и утомительными, чем другие, и сравнение двух файлов — одна из таких задач. Но инструменты сравнения различных типов данных VS Code и методы делают эту задачу проще и приятнее. Легко видимые основные моменты проведут вас через все изменения между двумя файлами и позволят экспериментировать с различными версиями кода, каждая из которых отлично подходит для отладки, анализа и контроля версий.
Ваши проекты требуют жесткого контроля версий и частого сравнения файлов? Есть ли у вас какие-либо советы или рекомендации относительно методов сравнения кода? Поделитесь своими мыслями и идеями в комментариях ниже.
