Skip to content

Смотреть мир по-русски

Переведи английское сообщение для русских

Menu
Menu

5 быстрых клавиш VS Code, которые экономят время, и как их запомнить

Posted on 08/10/2022

5 быстрых клавиш VS Code, которые экономят время, и как их запомнить

Сколько времени вы проводите, перемещая руку между клавиатурой и мышью?

По одной оценке , это число составляет шестнадцать минут в день. Целых восемь дней в году! Хотя оценка не является научной, я не думаю, что она надуманная. Я предполагаю, что число кодеров еще выше. Сочетания клавиш необходимы разработчикам. В статьях о быстрых клавишах недостатка нет, но лишь немногие содержат советы по их применению.

Вот пять моих наиболее часто используемых комбинаций клавиш VS Code и то, как я их практикую, чтобы они закрепились.

✉️
Эта статья изначально была опубликована в моем информационном бюллетене Curious About Code . Никогда не пропустите проблему. Подпишитесь здесь →

# 1 Навигация по словам, а не по символам

Переместите курсор на новое «слово» в текущей строке, не используя мышь и не перемещая посимвольно.

macOS Опция+ ←
Опция+→
линукс Ctrl+ ←
Ctrl+→
Окна Ctrl+ ←
Ctrl+→

Вот как это выглядит в действии:

5 быстрых клавиш VS Code, которые экономят время, и как их запомнить

Объедините это с ярлыками, чтобы переместить курсор в начало или конец строки для более быстрой навигации. ( macOS: Cmd+ ← и Cmd+→; Windows: Home и End)

Что такое «слово»?

Вообще говоря, слова разделяются пробелами и символами подчеркивания.

Запятые, точки и другие знаки препинания часто игнорируются. Однако VS Code обрабатывает такие операторы, как != и && , как слова и пропускает вложенные фигурные скобки к следующему идентификатору или оператору.

Как это практиковать

⏱ Время: 1–2 минуты
🗓 Частота: два раза в день не менее пяти дней.

Откройте любой файл в любой кодовой базе. Выберите строку и переместите курсор куда-нибудь в пределах строки. Затем выберите «слово» в строке и используйте ярлык, чтобы переместить к нему курсор. Повторите это с разными строками и разными «словами».

#2 Скопируйте и вставьте одним нажатием клавиши

Вместо того, чтобы выбирать строку, копировать ее, вставлять новую строку выше или ниже и вставлять ее, вы можете выполнить весь набор действий одним нажатием клавиши.

macOS Shift+Option+↑
Shift+Option+↓
линукс Shift+Alt+↑
Shift+Alt+↓
Окна Shift+Alt+↑
Shift+Alt+↓

Это работает с несколькими выделенными строками, поэтому вы можете быстро повторять целые фрагменты текста.

Вот как это выглядит:

5 быстрых клавиш VS Code, которые экономят время, и как их запомнить

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

Как это практиковать

⏱ Время: 2 минуты
🗓 Частота: два раза в день не менее пяти дней.

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

#3 Удалить код за один шаг

Вместо того, чтобы выбирать строку, удалять ее и нажимать клавишу Backspace, чтобы удалить пустую строку, вы можете сделать все это за один шаг.

macOS Shift+Cmd+К
линукс Shift+Ctrl+К
Окна Shift+Ctrl+К

Вот как это работает:

5 быстрых клавиш VS Code, которые экономят время, и как их запомнить

Это работает с несколькими выбранными строками, поэтому при необходимости вы можете быстро удалить весь блок кода.

Как это практиковать

⏱ Время: 1 минута
🗓 Частота: два раза в день не менее пяти дней.

Откройте любой файл, который вы хотите, и отправляйтесь в город, удаляя код. Это катарсис, не так ли?

# 4 Легко переименовывать переменные

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

macOS F2
линукс F2
Окна F2

Вот как это выглядит в действии:

5 быстрых клавиш VS Code, которые экономят время, и как их запомнить

VS Code может определить область применения изменения. При желании вы можете нажать Shift+Enter в окне переименования, чтобы просмотреть изменения:

5 быстрых клавиш VS Code, которые экономят время, и как их запомнить

Как это практиковать

⏱ Время: 1–2 минуты
🗓 Частота: два раза в день не менее пяти дней.

Клонируйте репозиторий с GitHub или используйте свой собственный и потренируйтесь переименовывать вещи с помощью ярлыка.

# 5 Быстрый просмотр ссылок

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

macOS Shift+F12
линукс Shift+F12
Окна Alt+F12

Вот он в действии:

5 быстрых клавиш VS Code, которые экономят время, и как их запомнить

Вы можете переключаться между ссылками с помощью клавиш со стрелками и нажимать Enter, чтобы переместить курсор на выбранную ссылку.

Если вы предпочитаете сразу переходить к определению на новой вкладке редактора, а не в предварительном просмотре, используйте F12.

Как это практиковать

⏱ Время: 1–2 минуты
🗓 Частота: два раза в день не менее пяти дней.

Клонируйте репозиторий из GitHub и потренируйтесь искать ссылки на вещи с помощью ярлыка.

Как освоить сочетания клавиш

Практика, которую я предложил здесь, является хорошим началом.

Исследования показывают , что для эффективной практики вы должны каждый раз менять содержание своей практики. Практика на различных кодовых базах и типах файлов. Ставьте перед собой разные цели. Практикуйтесь часто и разносите занятия на несколько часов.

Сделайте это, и эти нажатия клавиш мгновенно станут мышечной памятью.


Хотите больше подобного?

Одно электронное письмо каждую субботу с одним действенным советом.
Всегда меньше 5 минут вашего времени.

Подпишитесь сейчас

Обработка вашей заявки Отлично! Проверьте свой почтовый ящик и подтвердите подписку Произошла ошибка при отправке письма
  • A learning a day
  • A Smart Bear
  • AddyOsmani.com
  • AddyOsmani.com (AddyOsmani.com)
  • Adwyat Krishna
  • Alex Turek
  • All That is Solid
  • André Staltz
  • Ars Technica
  • arxivblog (arxivblog)
  • Atoms vs Bits
  • AVC
  • Basic Apple Guy
  • Ben Thompson
  • Benedict Evans
  • Blog – storytelling with data
  • Bob Nystrom
  • Built For Mars
  • Caleb Porzio
  • Christian Heilmann
  • Christopher C
  • Chun Tian (binghe)
  • Codrops
  • Cold Takes
  • Daily Infographic
  • Dan Luu
  • Daniel Lemire's blog
  • David Amos
  • David Perell
  • David Walsh Blog
  • Derek Sivers
  • Desvl
  • Devon's Site
  • Digital Inspiration
  • DKB Blog
  • dropsafe
  • DSHR
  • Dunk
  • DYNOMIGHT
  • eagereyes
  • Endless Metrics
  • Engadget
  • Engadget (Engadget)
  • Entitled Opinions
  • Exception Not Found
  • Experimental History
  • Farnam Street
  • Fed Guy
  • Felix Krause
  • Florent Crivello
  • FlowingData
  • FlowingData (FlowingData)
  • Free Mind
  • Full Stack Economics
  • Funny JS
  • Future A16Z
  • GeekWire (GeekWire)
  • Glassnode Insights
  • Hacker News Daily
  • Harvard Health
  • Human Who Codes
  • Hunter Walk
  • Infographics – Cool Infographics
  • Information is Beautiful
  • Irrational Exuberance
  • Jacob Kaplan-Moss
  • Jakob Greenfeld
  • James Sinclair
  • Jason Fried
  • Jeff Kaufman
  • Joel on Software
  • John Resig
  • John's internet house
  • Johnny Rodgers
  • Julia Evans
  • Julian.com
  • Kevin Cox
  • Kevin Norman
  • KK – Cool Tools
  • KK – Recomendo
  • KK – The Technium
  • Krishna
  • Laurence Gellert's Blog
  • Lee Robinson
  • Lines and Colors
  • Lyn Alden – Investment Strategy
  • Martin Fowler
  • Matt Might's blog
  • Mobilism Forums
  • More To That
  • Morgan Housel
  • My Super Secret Diary
  • NASA Astronomy Picture
  • Neckar's New Money
  • News Letter
  • Nick Whitaker
  • Nicky's New Shtuff
  • nutcroft
  • Paul Graham
  • Paul Graham: Essays
  • Penguin Random House
  • Philip Walton
  • Phoenix's island
  • Product Hunt
  • Prof Galloway
  • Psyche
  • Python Weekly
  • Quanta Magazine
  • Rachel
  • Real Life
  • Riccardo Mori
  • Sasha
  • Science & technology
  • Science current issue
  • Scott Hanselman's Blog
  • Sébastien Dubois
  • Secretum Secretorum
  • Seth's Blog
  • Shu Ding
  • Sidebar
  • SignalFire
  • SignalFire (SignalFire)
  • Simon Willison's Weblog
  • Simons Foundation
  • Singularity HUB
  • SLIME MOLD TIME MOLD
  • Slyar Home
  • Spencer Greenberg
  • Stay SaaSy
  • Stephen Malina
  • Strange Loop Canon
  • Stratechery
  • Tech Notes
  • TechCrunch
  • TechCrunch (TechCrunch)
  • The Commonplace
  • The Intrinsic Perspective
  • The Latest in Hearing Health | HeardThat
  • The Rabbit Hole
  • The Verge
  • TLDR Newsletter
  • Tom's blog
  • Tomasz Tunguz
  • Troy Hunt
  • Tychlog
  • Uncharted Territories
  • Visual Capitalist
  • Visual.ly (Visual.ly)
  • Visualising Data
  • Vitalik Buterin
  • Weichen Liu
  • What's New
  • Works in Progress
  • Workspaces
  • Writing
  • Xe's Blog
  • xkcd.com
  • xkcd.com (xkcd.com)
  • Yihui Xie
  • Zoran Jambor
  • АВК (AVC)
  • Адвиат Кришна (Adwyat Krishna)
  • Арс Техника (Ars Technica)
  • Астральный кодекс десять (Astral Codex Ten)
  • Астрономическая фотография НАСА (NASA Astronomy Picture)
  • Атлантический океан (The Atlantic)
  • безопасный (dropsafe)
  • Бенедикт Эванс (Benedict Evans)
  • Бесконечные показатели (Endless Metrics)
  • Билл Гейтс (Bill Gates)
  • Блог — сторителлинг с данными (Blog – storytelling with data)
  • Блог | Хранитель (Datablog | The Guardian)
  • Блог ДКБ (DKB Blog)
  • Блог Дэвида Уолша (David Walsh Blog)
  • Блог Дэниела Лемира (Daniel Lemire's blog)
  • Блокчейн (BlockChain)
  • Боковая панель (Sidebar)
  • Бретт Винтон (Brett Winton)
  • Будущее A16Z (Future A16Z)
  • Вайхен Лю (Weichen Liu)
  • Визуализация данных (Visualising Data)
  • Визуальный капиталист (Visual Capitalist)
  • Виталик Бутерин (Vitalik Buterin)
  • Внутренняя перспектива (The Intrinsic Perspective)
  • Все
  • Гарвардское здоровье (Harvard Health)
  • Грань (The Verge)
  • Дерек Сиверс (Derek Sivers)
  • Джейсон Фрайд (Jason Fried)
  • Джефф Кауфман (Jeff Kaufman)
  • Джулия Эванс (Julia Evans)
  • ДИНАМАЙТ (DYNOMIGHT)
  • Дуглас Вагетти (Douglas Vaghetti)
  • Дэвид Амос (David Amos)
  • Ежедневная инфографика (Daily Infographic)
  • Ежедневные новости хакеров (Hacker News Daily)
  • Еженедельник Питона (Python Weekly)
  • Журнал "Уолл Стрит (The Wall Street Journal)
  • Журнал Кванта (Quanta Magazine)
  • Записка Безумного Неда (The Mad Ned Memo)
  • Зоран Джамбор (Zoran Jambor)
  • Илон Маск (Elon Musk)
  • Интернет-дом Джона (John's internet house)
  • Инфографика – Классная инфографика (Infographics – Cool Infographics)
  • Информационный бюллетень TLDR (TLDR Newsletter)
  • Информация прекрасна (Information is Beautiful)
  • Иррациональное Изобилие (Irrational Exuberance)
  • Исключение не найдено (Exception Not Found)
  • Используйте (Make Use Of)
  • Ихуи Се (Yihui Xie)
  • Канал Дурова (Durov's Channel)
  • Кевин Кокс (Kevin Cox)
  • КК – крутые инструменты (KK – Cool Tools)
  • КК – Рекомендую (KK – Recomendo)
  • КК – Техниум (KK – The Technium)
  • Колоссальный (Colossal)
  • Кристиан Хайльманн (Christian Heilmann)
  • Кришна (Krishna)
  • Кроличья нора (The Rabbit Hole)
  • Кэти Вуд (Cathie Wood)
  • Лин Олден – Инвестиционная стратегия (Lyn Alden – Investment Strategy)
  • Линии и цвета (Lines and Colors)
  • Марк Гурман (Mark Gurman)
  • Мозговые выборки (Brain Pickings)
  • Мой супер секретный дневник (My Super Secret Diary)
  • Морган Хаузел (Morgan Housel)
  • Морской (Naval)
  • Наткрофт (nutcroft)
  • Наука & технологии (Science & technology)
  • Неизведанные территории (Uncharted Territories)
  • нетерпеливые глаза (eagereyes)
  • Никаких классификаций
  • Новостная рассылка (News Letter)
  • Новые деньги Неккара (Neckar's New Money)
  • Обучение в день (A learning a day)
  • Обыденность (The Commonplace)
  • Обычный яблочный парень (Basic Apple Guy)
  • Охотничья прогулка (Hunter Walk)
  • Параг Агравал (Parag Agrawal)
  • Перевод из твиттера
  • Подробнее об этом (More To That)
  • Поиск продукта (Product Hunt)
  • Полная экономика стека (Full Stack Economics)
  • Практичный разработчик (The Practical Developer)
  • Проф Галлоуэй (Prof Galloway)
  • Психея (Psyche)
  • Рабочие области (Workspaces)
  • Рабочие пространства (Workspaces)
  • Реальная жизнь (Real Life)
  • Риккардо Мори (Riccardo Mori)
  • Рэй Далио (Ray Dalio)
  • Рэйчел (Rachel)
  • Саша (Sasha)
  • Себастьен Дюбуа (Sébastien Dubois)
  • СЛАЙМ ПЛЕСЕНИ ВРЕМЯ ПЛЕСЕНИ (SLIME MOLD TIME MOLD)
  • Статистика стеклянных узлов (Glassnode Insights)
  • Стеф Смит (Steph Smith)
  • Стратехия (Stratechery)
  • Текущий выпуск науки (Science current issue)
  • Тим Кук (Tim Cook)
  • Томаш Тунгуз (Tomasz Tunguz)
  • Трой Хант (Troy Hunt)
  • Фонд Саймонса (Simons Foundation)
  • ХАБ Сингулярности (Singularity HUB)
  • Хакер Новости (Hacker News)
  • Хакер полдень (Hacker Noon)
  • Холодные приемы (Cold Takes)
  • Цифровое вдохновение (Digital Inspiration)
  • Что нового (What's New)
  • что твердо (All That is Solid)
  • Экономика полного стека (Full Stack Economics)
  • Экономист (The Economist)
  • Энономист (Enonomist)
  • Энономист Печать (Enonomist Print)
  • Якоб Гринфельд (Jakob Greenfeld)

твиттер

На вашем сайте нет Метки, поэтому здесь нечего показывать.

  • Февраль 2023
  • Январь 2023
  • Декабрь 2022
  • Ноябрь 2022
  • Октябрь 2022
  • Сентябрь 2022
  • Август 2022
  • Июль 2022
  • Июнь 2022
  • Май 2022
  • Апрель 2022
  • Март 2022
©2023 Смотреть мир по-русски | Design: Newspaperly WordPress Theme