Это инструменты, которые я использую, чтобы не усложнять работу

«Будьте жесткими, амбициозными и точно знайте, чего вы хотите».

Раскраска для пары кронштейнов

Работа у него простая, пары должны быть одного цвета.

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

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

Вы можете скачать это расширение через сам VSCode, вы можете найти встроенный рынок на левой панели.

Закладки

Это тоже одно из моих любимых расширений. Это помогает мне отслеживать коды, к которым мне нужно было вернуться, или даже коды, которые я написал (при работе в команде).

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

Путь Intellisense

Проекты, над которыми я работал, содержат сотни файлов с десятками тысяч строк кода. АГА! Я ЗНАЮ!

И пытаться вспомнить, где все находятся, глупо. (Престижность тем, кто это делает, вы великолепны), но для меня я не могу.

Для импорта файлов зависимостей вам потребуется указать путь к нему, Path Intellisense автоматически заполнит его. Это все, что он делает, но это волшебство.

Дерево Тодо

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

Это, вероятно, не так круто, как Pair Colorizer или Path Intellisense, но если вы, как и я, хотите увидеть более крупные вещи до деталей, тогда это расширение может пригодиться.

Фрагменты кода JS (ES6)

Будь то ES6, ES7, PHP или любой другой язык, эти удобные расширения сниппетов обязательно должны быть в вашем наборе инструментов, если вы хотите быть максимально продуктивным.

Используя всего 2–3 символа, вы уже можете написать целый блок кода, все мы знаем, что независимо от языка, есть определенные выражения или строки, которые мы вводим повторно. К счастью, это расширение автоматизирует это для вас, и вы можете просто сосредоточиться на кодах, которые имеют значение.

Git Lens

GitLens по определению расширяет возможности GIT внутри VSCode. Это поможет визуализировать авторство кода с первого взгляда с помощью аннотации виноватых в GIT.

Технически вы увидите авторов кодов построчно, кто редактировал кого, кто кого создал и, что наиболее важно, кто кого испортил.

По моему собственному опыту работы, это расширение спасло мне задницу.

Кто-то из моей команды свалил вину на меня после того, как какая-то функция была испорчена. Я смог защитить себя, отправив скриншот блока кода, который вызвал весь хаос, вместе с разработчиком, который его испортил (не хвастовство, но это не я).

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

NPM Intellisense

Если вы используете NPM, особенно при работе с ReactJS и NodeJS, то NPM Intellisense вам очень поможет.

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

NPM похож на целую вселенную. Вы не хотите разбираться с этим по крупицам. Позвольте NPM IntelliSense сделать эту работу за вас.

Значки кода VS

Использование значков в левой части имени файла автоматически даст вам представление о том, что это за файл, вместо того, чтобы технически смотреть на имя расширения - вот почему я лично считаю Расширение значков VS Code действительно полезным.

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

Если вы видите много значков JS, то, очевидно, вы будете иметь дело с большим количеством JavaScript, и в то же время, если вы видите много значков TS, вам, безусловно, нужно подготовиться к некоторому TypeScript, удачи.

Красивее

Prettier по определению - это самоуверенный редактор кода. Он создаст единый стиль, анализируя ваш код в определенном формате по умолчанию, удаляя и добавляя пробелы, чтобы сделать ваш код правильным и читабельным.

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

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

Лучшие комментарии

Часто разработчики склонны забывать о вещах. Кодов может быть слишком много, чтобы их можно было обработать, и на самом деле сложно все запомнить, особенно при работе с огромными проектами в нескольких командах.

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

Я поддерживал несколько проектов и, поверьте, эти комментарии много раз спасали мне жизнь.

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

Нужно больше причин для использования Расширения Better Comments?

Спасибо за прочтение.