vscode — это часто используемый редактор для написания кода.У него много функций, но на самом деле мы не используем многие функции.Эта статья предназначена для того, чтобы разобраться в некоторых навыках, которые вы можете не знать, но которые очень полезны для повышения эффективности.
включать:
- Выполнение скриптов npm в один клик
- Сравнение в один клик, предварительный просмотр
- Искать на новой странице
- Режим дзен
- git представление, показывающее дерево каталогов
- Откройте файл в новом редакторе
- Быстро удалять, копировать, перемещать строки во время редактирования
- Поиск файлов по всему миру, переход к строке
- Быстро переключать регистр
Выполнение скриптов npm в один клик
Нужно ли запускать сценарии npm из командной строки? Это потому, что вы не использовали эту функцию, которая поставляется с vscode.
vscode просканирует все сценарии npm, а затем перечислит их.Просто нажмите «Выполнить», чтобы открыть терминал для запуска, и более высокие версии vscode также могут выполнять отладку непосредственно для запуска.
Вам вообще не нужно вводить npm run xxx самостоятельно.
Открывать файлы на боковой панели
При открытии файла он будет открыт в текущем редакторе по умолчанию.Что, если вы хотите открыть новый редактор, чтобы открыть его? В это время вы можете удерживать опцию и щелкнуть файл, и откроется новый редактор, чтобы открыть файл.
Поскольку vscode по умолчанию должен открывать новые файлы в текущем редакторе, если вы не знаете, что можете нажать и удерживать эту опцию и щелкнуть, чтобы открыть редактор, это все еще довольно проблематично.
более мощный поиск
В панели поиска есть кнопка, которую многие студенты могли не заметить.После нажатия откроется страница поиска для поиска.Предварительный просмотр результатов поиска богаче, а количество строк больше.
Например, я ищу @babel/core:
Видите, нет ли там чего-то большего, чем то, что показано в той маленькой рамке слева.
Для сравнения видно, что результаты поиска справа более четкие, потому что будут отображаться несколько строк.
file diff показывает информацию о каталоге
Когда мы изменяем несколько файлов, они будут перечислены в списке исходной панели управления, что особенно неинтуитивно, когда есть несколько файлов с одинаковым именем.
В это время вы можете переключиться на представление в виде дерева, чтобы отобразить дерево каталогов.
Это намного понятнее, когда есть несколько файлов с одинаковым именем:
Уценка предварительного просмотра в один клик в редакторе
Нужно ли уценке устанавливать плагины? Нет, в vscode встроена эта функция.
В правом верхнем углу есть кнопка предварительного просмотра.Нажав на нее, откроется интерфейс предварительного просмотра уценки.Нажмите и удерживайте опцию, а затем нажмите, чтобы открыть предварительный просмотр в том же окне.
После предварительного просмотра нажмите кнопку «Показать источник», чтобы вернуться
Разница в один клик в области редактирования
И быстрое переключение diff File Edit View
При изменении содержимого файла вы можете нажать кнопку в правом верхнем углу области редактирования, чтобы открыть diff напрямую.Многие студенты могут не заметить эти кнопки, но на самом деле они очень полезны.
Щелкните еще раз, чтобы вернуться в состояние редактирования файла.
Глядя на описание функции «Открыть изменения» и «Открыть файлы», становится очевидным, что она используется для переключения между представлением различий и представлением редактирования файлов.
просмотр различий для быстрого перехода между различиями
Когда содержимое файла очень большое, например, тысячи строк, поиск diff становится более проблематичным. На самом деле, вам не нужно искать его самостоятельно, и его легко пропустить.В редакторе vscode есть кнопки вверх и вниз, с помощью которых можно сразу перейти к предыдущему и следующему различиям.
Предварительный просмотр одним щелчком и сравнение одним щелчком — все это функции, которые могут повысить эффективность.
Вход в функцию быстрого поиска
Знаешь, что у vscode есть функция, но не знаешь, где находится запись? Используйте окно поиска под справкой напрямую, и результаты поиска будут напрямую отмечены тем, какие кнопки находятся в каком меню.
Режим дзен
vscode предоставляет режим дзен, который позволяет вам сосредоточиться на написании кода.
Нажмите command + k, а затем z, чтобы войти в режим Zen, и нажмите еще раз, чтобы выйти из режима Zen.
В режиме Zen отображается только информация в области редактирования, и она будет полноэкранной, поэтому вы не можете видеть другие вещи и можете больше сосредоточиться на написании кода.
Изменить ярлыки
Основная функция редактора это редактирование, но на самом деле функций vscode много, поиграйте пожалуйста в функцию редактирования, может у вас ее нет, позвольте мне их перечислить.
Перемещение/копирование строк вверх и вниз
Что, если вы переместите строку вверх и вниз?
Эффективность ручного вырезания и вставки слишком низкая, лучше попробовать сочетание клавиш option + вверх/вниз, чтобы быстро перемещать строку контента вверх и вниз.
Хотите копировать при перемещении? Просто снова удерживайте Shift.
быстро удалить строку
Теперь, когда мы знаем, как быстро скопировать строку, как насчет быстрого удаления строки?
Просто нажмите Command + Shift + K.
Чтобы удалить несколько строк, сначала выберите их, а затем нажмите command + shift + k.
Редактирование несколькими курсорами одновременно
Изменить содержимое нескольких мест одновременно? Удерживайте опцию и щелкните место, которое вы хотите изменить.
Что, если это то же самое положение, что и верхняя и нижняя линии? Затем опция + команда + вверх/вниз, это курсор в той же позиции для добавления нескольких строк.
команда + shift + p связанные
Это может быть ярлык ключом, который все знают, будет в поле ввода, чтобы представлять команду, но есть некоторые другие, которые вы можете не знать.
Например, непосредственно команда + P, не нажимайте Shift, это файл поиска.
Например, нажмите ctrl + g напрямую или введите двоеточие в поле ввода, чтобы обозначить номер строки для перехода, и вы сможете быстро перейти к определенной строке.
Конечно, при поиске файла вы также можете добавить двоеточие и номер строки, чтобы быстро перейти к этой строке файла.
Быстро переключать регистр
Также есть небольшая функция, есть встроенная функция переключения верхнего и нижнего регистра, которая может быстро переключать регистр выбранного контента.
Суммировать
В этой статье рассматриваются некоторые функции этих VSCode могут повысить эффективность, мы, возможно, не заметили ранее.
- Сравнение в один клик, предварительный просмотр
- Искать на новой странице
- git представление, показывающее дерево каталогов
- Выполнение скриптов npm в один клик
- Откройте файл в новом редакторе
- Быстро удалять, копировать, перемещать строки во время редактирования
- Поиск файлов по всему миру, переход к строке
- Быстро переключать регистр
- Режим дзен
Знакомые с использованием этих функций, мы считаем, что мы улучшим ежедневную разработку некоторых советов по эффективности инструментов написания кода или весьма значимого дня в процессе изучения.