Улучшение рабочего процесса разработки в VS Code
Visual Studio Code был моим любимым редактором при работе с кодом с самого начала. Как разработчики, большинству из нас нравятся инструменты, которые могут сделать нашу работу проще, продуктивнее и быстрее.
В этом посте я хочу поделиться своими пятью лучшими расширениями VS Code, которые ежедневно повышают мою продуктивность.
1. Автоматический импорт
Одно из используемых мной расширений VS Code - Автоимпорт. Я очень полагаюсь на это, работая над своими проектами Angular или TypeScript.
Когда вы вводите функцию, класс или переменную, находящуюся в другом файле, при вводе в VS Code будет отображаться желтый шарик. Когда вы нажимаете на него, вы можете выбрать импорт или импорт всех недостающих зависимостей.
Это экономит мне много времени при вводе путей!
Хотя этот плагин предназначен только для TypeScript, есть также еще один (вероятно, клонированный с этого), который поддерживает ES6, TS, JSX, TSX, и это здорово!
2. Путь Intellisense
Иногда, когда я хочу встроить файл, например, в свой HTML-код, я очень рад, что при наборе текста я могу видеть путь и файлы в этом каталоге.
Это экономит так много времени в течение дня! Мне нравится расширение Path intellisense.
3. Автоматическое закрытие тега
VS Code, начиная с версии 1.16, имеет встроенную функцию для HTML, Handlebars и Razor для автоматического закрытия тегов.
Но когда вы пишете код XML, PHP, Vue, JavaScript, TypeScript, JSX, TSX и Angular, это так хорошо, что вы автоматически получаете закрывающий тег после ввода открывающего тега.
Для меня Auto Close Tag - это средство повышения продуктивности в течение дня, поскольку мне больше не нужно набирать эти закрывающие теги самому.
4. Автоматическое переименование тега
Возможно, у вас это случается так же часто, как и у меня, но в моем HTML часто я начинаю с создания <div>. И после заполнения строк большим количеством HTML-кода я в конце концов обнаружил, что другой тег имеет гораздо больше смысла.
В то время я очень рад, что мне не нужно искать закрывающий тег. Auto Rename Tag автоматически меняет закрывающий тег при изменении открывающего тега. Супер просто!
Повышение производительности…
5. Git Lens
Git Lens - лучшая интеграция для использования Git в Visual Studio Code.
Откройте файл, и вы увидите это, когда эта строка изменится в последний раз с именем члена вашей команды рядом с ней. Это может помочь вам показать различия во времени в одном файле, помещая их рядом друг с другом.
Если вы хотите увидеть, какие файлы были изменены в конкретном коммите, Git Lens поможет вам в этом.
Это мое любимое расширение Visual Studio Code "все, что касается Git". Бустер для вашей продуктивности!
Заключение
Я надеюсь, что эти расширения повысят вашу продуктивность, как и меня! Если у вас есть еще одно расширение Visual Studio Code, которое повышает вашу продуктивность, но я пропустил его в моем списке, укажите их в комментариях.
Давайте поделимся некоторыми расширениями VS Code!
Привет, я Рэй, голландский разработчик JavaScript, и с удовольствием делюсь своими знаниями, которые я получил, работая разработчиком с 2009 года. Я пишу истории о JavaScript, TypeScript, Angular и т. д. связанных с жизнью разработчика.
Вы можете подписаться на меня в Twitter и Instagram или подписаться на мою рассылку, которую я отправляю, когда публикую новую историю.
Удачного кодирования 🚀
