10 основных расширений Visual Studio Code Перевод

German German 4 Июля 2021 (ред)

Список основных расширений 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

2 Ответа

  1. Evg Evg 4 Июля 2021 (ред.)

    Хороший инструмент, для php с ним сижу, легкий простой. Интерфейс нравится, хотел от туда цветовые оттенки взять для ночной темы сайта.

    Я обычно смотрю сколько времени займет привыкание. Тут всё прошло удивительно быстро.

    P.S. Добавить сюда тему. Сейчас нужны темы, чтобы можно было сформировать корневые.

    1. OleStep OleStep 4 Июля 2021 (ред.)

      Мне это всё больше и больше начинает нравится.