VSCODE

9 расширений VSCode, которые вам точно понадобятся как разработчику

Эти расширения помогут вам повысить производительность, улучшить рабочий процесс и просто сделать ваш VSCode красивее!

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

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

1. Случайное все

Я уже рассказывал об этом расширении в одном из других моих списков. Хотя я думаю, что это действительно круто, это определенно для вас, если вы регулярно работаете с базами данных или вам просто нужна случайная информация для теста. Имена, номера и даже адреса электронной почты могут быть сгенерированы случайным образом с помощью Random Everything. Так что да, это довольно круто и не обязательно для всех!

«2. Руководитель проекта"

Третье и, вероятно, одно из самых важных расширений — это Project Manager. Когда у вас есть масса разных проектов, вы можете работать над ними одновременно с этим расширением. Это значительно улучшит ваш рабочий процесс. Используя это расширение, вы можете хранить все в своей специальной папке и использовать ее, когда захотите, гарантируя, что не будет хаоса и все будет строго организовано. Поэтому, если у вас много проектов, вам будет легче удерживать внимание на главном.

3. GitLens

Обязательным расширением для всех, кто использует GIT, является GitLens. Проще говоря, он отображает историю всех изменений, внесенных в репозиторий GIT, а также множество других интересных функций, которые вы можете проверить, просто установив его! Кроме того, если вы никогда не работали с GIT, то вам обязательно нужно! Это самый простой и приятный способ работы над вашим проектом, особенно если вы работаете в одиночку!

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

Вы можете запустить локальный сервер разработки для своих статических и динамических веб-приложений, используя Live Server. Это очень полезно для веб-разработчиков, которые не хотят тратить слишком много времени на ручную перезагрузку страниц и тестирование своих веб-приложений непосредственно через VS Code. И это экономит много времени, вы можете просто написать свой код, как обычно, внутри вашей IDE, и он автоматически обновится в браузере. Разве это не удивительно?

5. Дерево Тодо

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

6. Tabnine AI Autocomplete

С помощью Tabnine, службы или программы искусственного интеллекта, вы можете автозаполнять определенную строку кода, которую вы сейчас пишете, или даже увидеть несколько альтернатив тому, что вы могли бы там написать. Он совместим с самыми популярными языками программирования, включая Java, Python и JavaScript. Другими словами, это модернизированный автозаполнение на основе ИИ, который значительно увеличит вашу скорость письма. Представьте, как быстро вы могли бы кодировать, если бы вам даже не приходилось ждать, чтобы закончить свою строку!

Если вы предпочитаете не использовать Tab9, вы также можете использовать другие расширения на основе ИИ для расширений автозавершения, такие как Kite, Visual Studio IntelliCode, или Фрагменты кода JavaScript (ES6). Основное отличие Tab9 & Kite от других почти похожих расширений заключается в том, что они в основном работают с одним языком, тогда как они работают практически со всеми языками программирования, а также используют для этого модернизированный ИИ.

7. Встроенная складка

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

8. Material Icon Theme и One Dark Pro

Я решил объединить их, потому что они служат исключительно для того, чтобы сделать ваш VS Code красивее и упростить навигацию по IDE.

Например, может быть сложно запомнить, где находится файл HTML или JavaScript, если вы когда-либо быстро работали с тремя или более файлами, поскольку создание веб-сайта почти всегда требует перемещения по всем файлам. Тема значков материалов, безусловно, значительно облегчит вам эту задачу. Он добавляет множество визуальных значков для каждого файла, который вы используете в данный момент.

Я из тех парней, которые не могут просто использовать встроенную тему дизайна для VS Code, поэтому я использую One Dark Pro, чтобы сделать свой код более привлекательным. Все можно настроить по своему усмотрению; например, вы можете изменить размер шрифта или сделать все курсивом. Это одно из самых популярных решений для большинства людей. Тем не менее, вы можете с легкостью использовать другие расширения, такие как Atom Theme или даже что-то вроде Dracula Official.

9. Дискорд Присутствие

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

Заключение

Вот и все. Это были 10 лучших расширений для VS Code, которые должен использовать каждый разработчик. Вы наверняка уже слышали о большинстве из них и наверняка устали читать одно и то же снова и снова. Но я ориентируюсь на новичков, которые ничего не знают о VS Code и всех этих необходимых расширениях. И я надеюсь, что эта статья помогла вам, даже если вы выделили хотя бы одно расширение!

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

Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord . Заинтересованы в хакинге роста? Ознакомьтесь с разделом Схема.