Visual Studio Code в последнее время является самым популярным редактором кода, а также моим любимым редактором. Даже вы можете спорить о Sublime Text, Atom и VS Code, но в разнообразии расширений VS Code никто даже близко не стоит.
Сила VS Code определенно исходит от его рынка. Вы хотите, чтобы автоматическое предложение использовалось с IntelliScence, чтобы запустить код «Code Runner», чтобы выделить синтаксис, «подсветка синтаксиса» есть. Хотя я нашел несколько расширений полезными, но вот моя десятка лучших вариантов.
1. Автоматическое закрытие тега
В среде разработки вы не хотите вручную закрывать тег каждый раз, когда добавляете html/xml. Тег автоматического закрытия удобен, и он помогает автоматически закрывать тег, что может спасти вашу жизнь при быстрой разработке.
2. Тег автоматического переименования
Иногда нам нужно было переименовать закрывающий тег, наиболее распространенным примером являются теги заголовков. Вы добавили тег ‹h1›, теперь вы можете заметить, что текст стал больше, чем ожидалось, и вам нужно изменить его в теге ‹h3›, на этом этапе весьма вероятно, что вы пропустите закрывающий тег ‹/h3›. Автоматическое переименование спасает от этой ошибки и автоматически переименовывает закрывающий тег.
3. Живой сервер
Было время, когда меня раздражало, что каждый раз, когда я делаю какие-то изменения, мне приходится сохранять файл и обновлять страницу, но как только я познакомился с Live server, это больше не было моей заботой. Это расширение автоматически обновляет страницу каждый раз, когда я что-то меняю в файле.
Минусы: 1. Прямая трансляция работает только в том случае, если файл открыт вместе с папкой
2. Это не позволяет одновременно запускать несколько серверов в разных проектах.
4. Красивее
Отступы или структурированный код могут показаться необязательными, так как синтаксис сначала становится необходимым с увеличением сложности проекта. Вручную форматировать код болезненно, так что здесь дело обстоит лучше. Это расширение может форматировать код одним щелчком мыши.
Выбрать все-›щелчок правой кнопкой мыши-›отформатировать документ покрасивее
Плюсы. В веб-разработке это очень полезно, когда вы хотите обработать уменьшенный файл.
Минусы: – не работает с файлами PHP, когда html-коды смешаны с PHP.
5. Выбор цвета
Мы все знаем, что разработчики не очень хорошо разбираются в дизайне, поэтому вы можете выбрать плохую цветовую схему. Цветовая схема является жизненно важной частью хорошего и гладкого пользовательского интерфейса, это расширение полезно, когда вы хотите использовать цвет из указанного цвета. Одна из самых полезных функций, которые я обнаружил в этом расширении, заключается в том, что всякий раз, когда вы используете цвет, он дает небольшой квадратный прямоугольник прямо перед названием цвета.
6. ЭсЛинт
Это расширение просто волшебство, оно предотвращает синтаксическую ошибку в JavaScript/ECMAscript. Это расширение выявляет проблемные шаблоны, обнаруженные в коде JavaScript.
Наиболее полезные функции, которые мне нравятся в этом расширении, это быстрое исправление распространенных ошибок.
7. Фрагмент JavaScript Es6
В настоящее время это самый популярный фрагмент JavaScript с более чем 3 миллионами установок. Это расширение предоставляет синтаксис ES6 для JavaScript, TypeScript, HTML, React и Vue. Фрагмент спасает жизнь, когда нужно избежать переписывания одного и того же повторяющегося кода.
8. Колоризатор пары скобок
Иногда мы все терялись из-за синтаксической ошибки только потому, что вы, возможно, пропустили закрытие открытого тела или когда там есть вложенные коды. Это расширение выделяет начальную и конечную скобки одним цветом, что предотвращает синтаксическую ошибку только из-за скобки.
9. Тема значка материала
С самого начала, когда я начал использовать vs Code в конце 2019 года в качестве основного редактора кода, я имел в виду, что если бы я мог изменить значки папок и типов файлов. Значки материалов — это только расширение, которое я нашел полезным для этой потребности, даже если для удовлетворения этой потребности существует несколько расширений. Это дает очень красивый вид с папкой и файлом, который оставляет положительное впечатление и сфокусирован.
10. Прямая трансляция
Это расширение полезно для работы разных людей в среде Live, оно позволяет делиться экраном и живым голосом с другим пользователем.
Есть еще несколько альтернатив, таких как Team Viewer и Anydesk, если вы хотите обсудить Live в любом проекте, но просто для простоты мне нравится использовать Live Share.
