10 основных расширений Visual Studio Code Перевод
Список основных расширений Visual Studio Code, которые помогут вам стать более эффективным веб-разработчиком.
Если вашим редактором кода является Visual Studio Code, эта статья для вас. VSCode прекрасен сам по себе, но вы можете воспользоваться его обширным списком расширений для поддержки своего рабочего процесса.
Если вы еще этого не сделали, скачайте VSCode бесплатно. В VSCode вы можете просматривать и устанавливать расширения, щелкнув значок расширений на панели действий в левой части редактора или используя команду Ctrl + Shift + X
.
Вот 10 моих лучших расширений VS Code:
1. Live Server (cервер)
Незаменим для любого разработчика, создающего веб-страницы с помощью HTML и CSS. После установки все, что вам нужно сделать, это открыть свой проект, найти Go Liveкнопку в строке состояния внизу или использовать команду Alt+L Alt+O, чтобы запустить оперативный сервер быстрой разработки, чтобы вы могли просматривать свой текущий проект в реальном времени в любом браузере.
2. Live Share
Во времена карантина COVID это расширение может помочь вам сотрудничать в режиме реального времени с другими людьми, работающими над одним и тем же проектом. Редактируйте и отлаживайте вместе со своей командой, не выходя из дома. Каждый получает свой собственный курсор, и вы можете видеть изменения по мере их ввода.
3. Prettier
Перестаньте тратить время на форматирование кода и позвольте этому инструменту сделать это за вас. Он обеспечивает согласованный стиль, форматируя ваш код каждый раз, когда вы сохраняете файл (просто убедитесь, что вы правильно управляете настройками, как показано ниже).
4. Rainbow Brackets
Визуальная помощь для тех программистов, которым нужно беспокоиться о закрытии, например программистов javascript. Для этого он предоставляет разные цвета для круглых скобок, квадратных скобок и волнистых скобок.
5. Peacock
Полезно, когда у вас одновременно открыто несколько окон редактора кода, так как это меняет цвет вашего рабочего пространства. Еще одно наглядное пособие, на этот раз предназначенное для облегчения идентификации различных окон / проектов редактора кода.
6. GitLens
Если вы знаете и работаете с git, вам понадобится это расширение. Это настраиваемое расширение позволяет вам лучше понимать свой код, легко позволяя увидеть, когда, почему и кем был добавлен / отредактирован код.
7. Code Spell Checker проверка орфографии кода
Этот делает именно то, что говорит. Это программа проверки правописания для вашего редактора. Он работает с camelCase, поэтому не беспокойтесь при именовании переменных в Javascript
. Как правило, вы получите волнистую линию под словами, которые, возможно, вы написали с ошибкой. Вы также получите предложения о том, какое слово лучше написать.
Поддерживаемые языки — английский (США) и английский (Великобритания), но у вас есть дополнительные словари для голландского, каталонского, чешского, французского, немецкого, русского, испанского, шведского и медицинских терминов.
8. REST Client
Вы знаете PostMan? Что ж, этот инструмент похож, только нет необходимости выходить из редактора кода. После того, как вы подготовите запрос Send Request, над ним появится ссылка. Щелкните по нему и просмотрите ответ прямо в окне редактора.
9. IntelliSense для имен классов CSS в HTML.
Вам не нужно запоминать все имена классов CSS, пока вы работаете со своим HTML-файлом. Это расширение предоставит вам список завершения для classатрибута HTML, основанный на вашем рабочем пространстве или внешних файлах, на которые имеется ссылка ранее.
10. Visual Studio IntelliCode
Это расширение использует технологию AI, чтобы помочь разработчикам Python, TypeScript / JavaScript
и Java
. По мере того, как вы кодируете, он будет показывать список рекомендуемых элементов завершения, отсортированных по контексту, а не по алфавиту или по самым последним.
Нет ничего постыдного в использовании инструментов, которые помогут вам. Напротив, умный разработчик — это тот, кто будет использовать это, чтобы облегчить себе жизнь и стать более эффективным в процессе!
Источник: dev.to
Хороший инструмент, для php с ним сижу, легкий простой. Интерфейс нравится, хотел от туда цветовые оттенки взять для ночной темы сайта.
Я обычно смотрю сколько времени займет привыкание. Тут всё прошло удивительно быстро.
P.S. Добавить сюда тему. Сейчас нужны темы, чтобы можно было сформировать корневые.
Мне это всё больше и больше начинает нравится.