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

Поскольку vscode сейчас является одним из самых популярных редакторов кода. Вот некоторые из расширений, которые помогут вам повысить вашу продуктивность.

1. Пара скобок Colorizer

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

2. Фрагмент кода

Сколько раз вы писали один и тот же код снова и снова и чувствуете, что можете сэкономить много времени, если бы вам не приходилось повторять что-то. Расширения фрагментов кода позволяют ускорить этот процесс, генерируя регулярно написанный код с помощью простых команд. У каждого языка есть свои собственные расширения для создания сниппетов. Один из самых популярных - Emmet для HTML, он уже поставляется с vscode. Что касается других языков, вам нужно искать то, что имеет для вас смысл. Я работаю с React большую часть времени, поэтому предпочитаю: Расширение ES7 React / Redux / GraphQL / React-Native snippets

3. Контроль версий

Контроль версий - неотъемлемая часть процесса разработки. Если вы работаете в команде, это становится более важным. Наличие расширения управления версиями в вашем редакторе поможет вам получить статус репозитория, указать виновных с помощью git и упростить разрешение конфликтов, и это лишь некоторые из них. И если вам не нравится запоминать команды git, они вам просто необходимы. Мой выбор goto: GitLens.

4. ЛИНТЕР

Каждый хочет писать элегантный и красивый код, но трудно быть последовательным и точным. Скорее всего, мы закончим писать код в разных стилях в разных местах. И если вы хотите быть хорошим программистом, лучше всего использовать отраслевой стандарт для написания кода, именно здесь вам пригодится линтер. Если у вас есть хороший линтер, вы можете сэкономить много времени на рефакторинге кода, и код, который вы напишете, будет красивым и стандартным для отрасли. Моя рекомендация для языков на основе javascript: Eslint.

5. Живой сервер

Это для разработчиков, которые работают с Html, CSS и vanilla JS. Если вы устали сохранять файл и каждый раз перезагружать результат. Расширение Live server дает вам функциональность живой перезагрузки, так что вы можете сосредоточиться на разработке и не беспокоиться о повторном обновлении вручную.

Бонус

Вот некоторые из дополнительных плагинов, которые помогут улучшить ваш редактор:

  1. Красивее. Форматирует код, чтобы он выглядел лучше.
  2. Тема значка материала. Изменяет скучные значки папок и файлов на значки для разных языков.
  3. Quokka.js: это оперативный блокнот для javascript, где вы можете быстро протестировать специальный код javascript (это похоже на консоль в редакторе)