оригинал:medium.com/better-pro Страна…
Переводчик: Front-end Xiaozhi
Чем больше вы знаете, тем больше вы не знаете
Ставьте лайк и смотрите снова, формируйте привычку
эта статьяГитхаб:GitHub.com/QQ449245884…Он был включен в вышеизложенное, и более ранние статьи с высокими похвалами были классифицированы, а также было систематизировано множество моих документов и учебных материалов. Добро пожаловать в Star and Perfect. Вы можете обратиться в тестовый центр для ознакомления во время собеседования. Надеюсь, у нас что-то получится вместе.
Уведомление: Когда я пробовал это сам, Mac (17, pro) отличался от сочетания клавиш, приведенного в исходном тексте, Ctrl, соответствующий mac, должен быть заменен на команду
Как фронтенд-разработчики, большинство из них использовали VSCode, и многие из них часто используют его. Но некоторые сочетания клавиш VSCode могут быть неизвестны и использоваться реже, ведь это очень хорошо, поэтому в этой статье перечислены некоторые сочетания клавиш, которые всем нужно выучить и запомнить.
В этой статье я перечислю свои любимые сочетания клавиш, которые ускоряют программирование и делают кодирование более увлекательным.Вот 21 сочетание клавиш VSCode, которым я хочу поделиться с вами.
1. Искать текст сразу во всех файлах
Windows: Ctrl + Shift + F Mac: Command + Shift + F
Одна из моих любимых функций в VSCode — это возможность поиска любого подходящего текста во всех файлах в каталоге проекта.
Чтобы использовать эту функцию, нажмитеCtrl + Shift + fОткройте представление, и оно покажет боковую панель в левой части редактора:
Введите то, что вы ищете, и нажмите Enter, код VS предоставит список результатов, соответствующих вводу, как показано ниже:
Вы также можете настроить все совпадения в каждом файле результатов поиска одновременно. Если вы нажмете на эту маленькую стрелку слева, появится второе поле ввода ниже, где вы можете ввести текст, который хотите заменить, нажав на маленькое поле, которое появляется справа:
2. Установите цвет акцента для вкладок (тема материала)
Вы устали каждый день видеть один и тот же цвет нижней части вкладок?Material Themeчтобы расширить тему VsCode, чтобы вы могли устанавливать разные цвета для вкладок.
Красный:
Фиолетовый
желтый
На выбор предлагается 16 различных цветов.
Поэтому, если в сундуке установлено это расширение, откройте Палитру команд (Ctrl + Shift + P),выберитеMaterial Theme: Set accent colorи выберите цвет из списка, он изменит цвет подчеркивания вкладок, как это
3. Обозреватель процессов
Считаете ли вы, что ваш редактор VsCode временами немного тормозит?Какой процесс вы хотите использовать в данный момент?
Что ж, если вы еще не знали, в VsCode есть такая функция обозревателя процессов:
Это выглядит знакомо?
существуетwindowsдиспетчер задачЯ видел это в VsCode, нажавCtrl + Alt + DeleteДиспетчер задач можно открыть.
4.Expand Bracket Selection
Открыть сочетания клавиш (Ctrl + Shift + P 或 command + Shift + p),поискExpand Bracket Selection.
Это заняло у меня некоторое время, чтобы обнаружить, потому что я не мог угадать имя функции. Используйте эту функцию для автоматического выбора всего блока, от открывающей скобки до конца.
Я нашел эту функцию в хочу найтиif/elseСоответствующий конечный блок полезен.
5. Снова откройте закрытую страницу редактирования.
Windows: Ctrl + Shift + T Mac: command + Shift + T
Когда вы работаете над большим проектом с большим количеством файлов, может быть немного неприятно случайно закрыть страницу и снова искать ее в боковом меню.
Теперь вы можете нажатьCtrl + Shift + TПовторно открыть закрытую страницу.
6. Откройте файл, сопоставив текст
Windows: Ctrl + T Mac: command + T
Говоря о поиске файлов, вы можете искать и открывать файлы динамически. Это одна из моих любимых функций, поскольку нет необходимости вручную щелкать каталог, чтобы повторно открыть файл, который больше не открыт.
7. Встроенный терминал
Windows: Ctrl +
Mac: control +
Терминал можно открыть или закрыть с помощью **Ctrl + `**
8. Просмотр запущенных плагинов
Вы можете сделать это, открыв палитру команд (Ctrl + Shift + P) и введитеShow running extensionsчтобы увидеть все ваши установленные и запущенные плагины.
9. Перезагрузить
Лично я считаю, что это одна из самых крутых функций VsCode. Это позволяет вам вывести окно на передний план при перезагрузке редактора, имея тот же эффект, что и закрытие и повторное открытие окна.
Windows: Ctrl + Alt + R Mac: Control + Option + R
10. Переключите вкладки в разные группы
Во время моей разработки у меня были вкладки в неправильной группе вкладок. Я также хотел бы максимально избегать использования мыши для решения проблемы, так как это заставит меня поднять руки с клавиатуры, что мне лень и я хочу положить руки на клавиатуру вместе.
К счастью, в VsCode есть способ сделать это, нажавCtrl + Alt +右箭头(Мак:Control + Option +右箭头）Переместите метку в группу справа или нажмитеCtrl + Alt + 左箭头Перемещайте вкладки в отдельные группы вкладок (Mac:Control + Option +左箭头）), чтобы переместить метку в группу слева:
11. Выберите все слева/справа
Иногда вы хотите удалить все справа или слева от курсора. Вы можете выбрать все справа или слева от курсора. Например, чтобы выделить все справа или слева:
Windows: Ctrl + Shift + Home/End Mac: command + Shift + Home/End
В ноутбуках Apple нет кнопки «Домой», вы можете использовать комбинацию клавиш для достижения
- клавиша fn + клавиша со стрелкой влево — ДОМОЙ
- Клавиша fn + клавиша со стрелкой вправо — КОНЕЦ
- fn+клавиша со стрелкой вверх на страницу вверх
- Fn+клавиша со стрелкой вниз на страницу вниз
12. Удалить предыдущее слово
Чтобы удалить предыдущее слово, нажмитеCtrl + Backspace (Mac: option + delete). Это очень полезно, когда вы делаете опечатку.
Вы можете использовать его где угодно за пределами VsCode.
13. Производительность запуска
Иногда отсутствие подробной информации о проблемах с производительностью может быть настоящей проблемой, а также выяснить, какие из них имеют проблемы с производительностью.
Иногда, если вам повезет, вы найдете инструмент, который даст вам ответы на все вопросы. В VsCode важна производительность запуска. Вот почему вы можете открыть полезное окно, которое чудесным образом предоставляет всю необходимую вам информацию:
Откройте палитру команд (Ctrl + Shift + P), найдите Сtartup Performance.
14. Выделите текст один за другим
с помощью горячих клавишCtrl + Shift +右箭头(Mac: option + Shift +右箭头)иCtrl + Shift +左箭头(Mac: option + Shift + стрелка влево) Выделяйте текст один за другим.
15. Повторяющиеся строки
Очень мощная и известная функция — копирование строк. просто нажмитеShift + Alt + 向下箭头 (Mac: command + Shift + 向下箭头)
16. Перейти к началу/концу файла
Чтобы переместить курсор на первую или последнюю строку файла, самый быстрый способ — нажатьCtrl + Home (Mac: command + Home), затем нажмитеCtrl + End (Mac: command + End) ключевые концы.
17. Пакетная замена всего соответствующего текста в текущем файле
Можно выбрать любую группу текстов.Если выделено более одного текста, вы можете нажатьCtrl + F2 (Mac: command + F2), чтобы изменить все вхождения текста одновременно.
18. Перейти вверх/вниз на одну строку
в соответствии сAlt + 向上箭头(Mac: option+ 向上箭头), чтобы переместить текущую строку вверх, нажмитеAlt + 向下箭头(Mac: option+ 向下箭头)) Текущая строка перемещается вниз.
19. Удалить строку
Существует два способа одновременного удаления строки.
использоватьCtrl + Xкоманда вырезать (Mac：command + X), чтобы удалить строку.
или использоватьCtrl + Shift + K (Mac: command + Shift + K)Заказ.
20. Переместите редактор влево или вправо
Если вы похожи на меня, у вас может возникнуть неконтролируемое желание переставить вкладки в группу, где вкладки связаны друг с другом, вкладки слева — это более важные файлы, а вкладки справа — относительно неважные. документы. Перемещайте редактор влево/вправо с помощью Ctrl+Shift+PgUp/PgDown (command + +Shift+PgUp/PgDown).
21. Скопируйте курсор вверх или добавьте контент партиями вверх
Дублирование курсоров в VsCode может оказаться наиболее экономящей время функцией.
в соответствии сCtrl + Alt +向上箭头(Mac: command + Option +向上箭头), чтобы добавить к нему курсор, нажмитеCtrl + Alt +向下箭头(Mac: command + Option + 向下箭头), чтобы добавить курсор ниже.
Ошибки, которые могут существовать после развертывания кода, нельзя узнать в режиме реального времени.Чтобы решить эти ошибки впоследствии, много времени тратится на отладку логов.Кстати, всем рекомендую полезный инструмент мониторинга ошибок.Fundebug.
Коммуникация (приглашаем вступить в группу, группа будет присылать красные конверты по рабочим дням, технология интерактивного обсуждения)
Статьи из серии галантереи резюмируются следующим образом: если вы чувствуете себя хорошо, нажмите «Звезда», добро пожаловать в группу, чтобы учиться друг у друга.
Я Сяо Чжи, автор официального аккаунта "Moving the World",Продолжайте знакомить энтузиастов с передовыми технологиями. Я буду часто делиться тем, что я узнал и увидел, На пути продвижения, давайте подбадривать друг друга!
Обратите внимание на публичный аккаунт и отвечайте в фоновом режимеБлагосостояние, вы можете увидеть преимущества, вы знаете.
Каждый раз организую статью, обычно не ложусь спать до 2 часов, примерно 4 раза в неделю, очень тяжело, надеюсь на поддержку и поощрение