VSCode. Советы и Рекомендации для опытных пользователей

VSCode. Советы и Рекомендации для опытных пользователей

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

Другая причина заключается в том, что это просто экономит время. Посвятите свое время на улучшение вашего рабочего процесса, и вы увидите, насколько высокой будет ваша производительность. В этой статье подробно рассмотрим Visual Studio и VSCode и способы повышения ваших навыков до уровня опытного пользователя.

Как стать опытным пользователем VSCode?

Вот что отличает обычного пользователя от опытного пользователя:

  • Глубокое знание IDE: VSCode имеет отличную документацию.
  • Адаптация: опытные пользователи адаптируют свой рабочий процесс в соответствии со своими конкретными потребностями.
  • Автоматизируйте все скучные и повторяющиеся задачи.
  • Постоянно улучшайте свой рабочий процесс и следите за вашей IDE.

Тестирование с Jet

Например, программист пишет один тест за раз, а это значит, что ему нужен способ выполнять один тест. Однако собственное решение регулярных выражений (the native regex solution) устарело. Вот почему он будет использовать Jest Runner. Это полезное расширение позволяет выполнять или отлаживать отдельные наборы или тесты.

Тестирование с Pact

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

Git

Большинство разработчиков используют Git и GitHub на ежедневной основе, и тем не менее старайтесь избегать с помощью терминала или github.com.

GitHub Pull Requests and Issues позволяет открывать, редактировать и просматривать PRs в VSCode. Возможно, IDE – лучшее место для просмотра кода, чем веб-приложения GitHub или настольные приложения. Некоторые разработчики могут не согласиться, но последовательность и комфорт выполнения этого в IDE ценно.

Git может делать многое, но запомнить его команды сложно. Но зачем вообще что-то запоминать? Запоминание слишком большого количества гранулярных аспектов вашей рутины не слишком продуктивно.

GitLens предоставляет множество удивительных возможностей. Благодаря нему редко приходится тянуться к терминалу, чтобы использовать Git.

Адаптация, Настройка Терминала

Независимо от используемой операционной системы, вы можете сделать это лучше, чем терминал по умолчанию. Если вы являетесь пользователем Unix, посмотрите iTerm (macOS) или Oh My Zsh (Linux и macOS). Интегрируйте их с VSCode и добавьте множество псевдонимов (ярлыков), которые экономят время написания команд.

Например:

ys = yarn start – помогает запустить приложение всего с двумя символами

del=RMDIR /S/Q $* && echo ” Deleted Successfully!!!” –  удаляет предоставленный каталог и показывает сообщение об успешном завершении работы

gdab = git branch | grep -v “master” | xargs git branch -D удаляет все локальные ветви, кроме master

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

Генерация Кода

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

Используя новый компонент, можно указать имя и местоположение нового компонента. Затем расширение запускает сценарий, который создает папку и инициализирует этот новый компонент.

IntelliSense

VSCode обладает мощным IntelliSense, и большую часть времени вам не нужно думать об его использовании. Однако при просмотре предложений можно нажать Ctrl+пробел, чтобы просмотреть документацию по каждому доступному параметру.

IntelliSense можно дополнительно настроить в соответствии с вашим рабочим процессом и личными предпочтениями.

Комбинации Клавиш

Наверняка вы используете такие сочетания клавиш, как Ctrl+S и Ctrl+F. Все они хорошо документированы, и, если вы не знакомы с остальным набором сочетаний клавиш VSCode, мы рекомендуем вам использовать их.

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

Мышь (Mouse Shortcuts)

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

Не только активно используйте мышь, но и настройте ее так, чтобы она соответствовала вашему рабочему процессу с помощью опций Logitech. Запрограммируйте специальные клавиши на своей мыши для выполнения определенных команд в VSCode.

Вот как вы можете “научить” свою мышь делать немного больше, чем просто перемещать курсор и щелкать мышью:

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

Настройки резервного копирования и синхронизации

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

На данный момент нативное решение доступно только инсайдерам. Тем не менее, Settings Syncпомогает сохранить настройки кода в виде Gist и позволяет синхронизировать рабочий процесс между несколькими машинами. Вам нужен токен GitHub, чтобы настроить его. После этого вам просто нужно запустить одну команду, чтобы загрузить и выгрузить свои настройки.

Рекомендуемые Расширения VSCode

Вот некоторые примечания, которые вам помогут:

  • Surround: нужно переделать выбранный код в функцию стрелки или, может быть, блок try-catch? Это расширение сделает это за вас.
  • Search node_modules: даже если вы не исключили node_modules из проводника VSCode для повышения производительности, эта папка настолько велика,что в ней невозможно перемещаться. Это расширение позволяет вам искать всё вместо того, чтобы бесконечно прокручивать его.
  • Clean и React Refactor предоставит некоторые полезные инструменты рефакторинга для ваших файлов JSX.
  • Auto Close Tag автоматически добавляет закрывающий тег для файлов HTML/JSX/TSX.
  • File Utils: удобный способ создания, дублирования, перемещения, переименования и удаления файлов и каталогов. Он также настраивается.
  • JavaScript Booster автоматизирует некоторые распространенные действия рефакторинга.

Итог

Не будьте простым пользователем. Стань опытным пользователем. Всегда думайте на шаг вперед, чем другие, и смотрите, куда это приведет вас. Всегда обращайте внимание на неэффективность и старайтесь устранить ее.

Решение этой проблемы должно быть знакомо большинству разработчиков: Kanban board (Доска Канбан). Каждый раз, когда замечаете что-то, что замедляет вас, записывайте это как задачу. Всякий раз, когда у вас есть немного свободного времени, пытайтесь найти решение для этого.


.

  • September 18, 2020