7 советов, которые помогут вам быстрее кодировать в VSCode

Согласимся в одном: все мы любим Visual Studio Code. Я использую VSCode почти для всех своих проектов по кодированию. На мой взгляд, он многофункциональный и чистый во всех аспектах.

Итак, давайте рассмотрим несколько советов и приемов, которые помогут ускорить кодирование, если вы используете VSCode.

1. Прекратите использовать мышь для поиска файлов.

VSCode имеет очень чистый и удобный обозреватель проектов. Однако использование мыши для поиска файлов может занять некоторое время. Вместо мыши вы можете нажать CTRL + P и начать вводить имя файла, который вы ищете. Как только вы увидите список подходящих файлов, вы можете открыть его, нажав клавишу Enter.

Я знаю, что переключиться на это может быть сложно, но это поможет сэкономить время, как только вы освоитесь.

2. Создайте свои собственные фрагменты.

Все мы используем сниппеты в VSCode, но не в нашем собственном. Мы используем пакет фрагментов из библиотеки расширений, но эти фрагменты являются общими.

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

Вот пример. Когда я создаю проект во Flutter, мне нужно создать много файлов контроллеров. Для этого я создал этот фрагмент, который позволяет мне работать быстрее.

Давайте быстро посмотрим, как создать собственный сниппет. Перейти к File -> Preferences -> User Snippets. После этого выберите язык, для которого вы хотите создать сниппет.

3. Используйте ThunderClient вместо Postman.

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

Thunder Client - альтернатива почтальону, но это расширение VSCode, а не отдельное приложение. Итак, щелкните значок Thunder Client, и все готово. Он не такой многофункциональный, как Postman, но имеет достаточно функций для обычного пользователя. В моем случае я не использовал Postman с тех пор, как установил Thunder Client.

Установите расширение с торговой площадки

Он поддерживает все виды запросов, такие как GET, POST, PUT, PATCH, DELETE и т. Д. Кроме того, импорт и экспорт коллекций и переменных среды также являются другими функциями Thunder Client.

4. Используйте генератор классов данных / моделей.

При кодировании приложения или веб-сайта нам обычно необходимо создавать классы данных / моделей, в которых у нас есть несколько методов, таких как toJson, fromJson, toMap Etc.

Их создание вручную заняло бы много времени, вместо этого используйте генераторы. Я лично использую расширение Dart Data Class Generator для своих приложений флаттера.

Вот как я использую это расширение.

5. Используйте систему контроля версий VSCode вместо терминала.

В большинстве наших проектов мы используем систему контроля версий, такую ​​как Github, Gitlab и т. Д. Обычно мы используем терминал для отправки обновлений в репозиторий (или командную строку в Windows). Вместо этого используйте встроенный в VSCode контроль версий на основе графического интерфейса пользователя.

Используя этот инструмент, вы можете делать все, что связано с контролем версий, например, stage, commit, push, pull, clone, Branch checkout и т. Д.

6. Используйте функцию переименования символа

Помните, когда нам нужно было изменить имя переменной, которая уже используется в миллионах мест? Это самое худшее. А если переменная используется более чем в одном файле, вы потратите час на поиск и замену их по отдельности.

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

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

7. Используйте ярлыки для копирования или перемещения строк кода.

Довольно часто мы хотим скопировать несколько строк прямо под ним. Но для этого мы используем ортодоксальный метод выделения, копирования и вставки.

Вместо этого нажмите ALT + SHIFT + DOWN клавишу в строке, которую вы хотите скопировать ниже. Это так просто. См. Это в действии ниже.

Точно так же для перемещения линии вверх или вниз вы можете использовать ALT + UP или ALT + DOWN соответственно.

Вот и все. Я надеюсь тебе это понравится.

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