Когда вы программируете, вы хотите быть на пике производительности и не заботиться о небольших ошибках, которые будут вызывать у вас головную боль в будущем, например, забытый ; в коде.

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

  1. Автоматический импорт
  2. Автоматическое переименование тега
  3. Автоматическое закрытие тега
  4. GitLens
  5. Живой сервер
  6. Лорем Ипсум
  7. Проверка правописания кода
  8. Пик CSS
  9. PHP-сервер
  10. Quokka.js

Теперь давайте подробно рассмотрим это расширение.

  1. Автоматический импорт
    Это расширение позволяет автоматически импортировать пакеты в файлы JavaScript, TypeScript и TSX.
    Например, вы работаете с файлом data.js, содержащим массив с несколькими элементами, такими как идентификатор и имя, и вы хотите импортировать их в новый файл JS, например представление, просто введите var.map(item =› (Something key={item.id})) и нажмите вкладку, он автоматически импортирует вам файл data.js.
  2. Автоматическое переименование тега
    Это расширение переименовывает все теги HTML и XML, в основном все, что содержит тег ‹tag›, будет переименовано по вашему желанию.
    Допустим, вы вызвали p тег, но вы видели, что было бы более эстетично использовать тег span, вам просто нужно поместить курсор в открывающий тег и переименовать его, закрывающий тег будет переименован автоматически.
  3. Автоматическое закрытие тега
    Это говорит само за себя, вы открываете любой тег, в том числе настраиваемый, и он автоматически закрывается.
  4. GitLens
    Для тех, кто работает в команде или даже в одиночку и использует GitHub, это расширение дает представление о вашем коде, предоставляя такую ​​информацию, как кто, почему и когда код был отредактирован и изменен. история.
  5. Live Server
    Live server предназначен только для файлов HTML, он создает локальный хост с автоматической перезагрузкой, который обновляет страницу, когда что-то редактируется в .html.
    Это полезное расширение. при работе со статическими страницами.
  6. Lorem Ipsum
    Как насчет того, чтобы вместо посещения веб-страницы lorem ipsum создать фиктивный текст сделать это в VS Code? С помощью этого расширения вы можете добавить в свой код одну или несколько строк, чтобы увидеть, как это будет выглядеть, когда реальные элементы появятся на странице.
  7. Проверка орфографии в коде
    Обычная проверка орфографии для VS Code, такая же, как в Word. Это помогает увидеть, где вы написали текст с ошибкой в ​​коде.
  8. CSS Peak
    Он позволяет быстро просмотреть класс или идентификатор CSS из вашего HTML-файла, не просматривая исходный файл. Он работает с файлами HTML и EJS, а стили, поддерживаемые этим расширением, — это CSS, LESS и SCSS.
  9. PHP Server
    Аналогичен Live Server, но обслуживает локально файл PHP, а не файлы HTML. Это альтернатива XAMPP или WAMPP, но она не поставляется с включенным PHP MyAdmin, обеспечивает только поддержку файлов PHP и не имеет функции автоматической повторной загрузки.
  10. Quokka.js
    Это позволит повысить вашу продуктивность при написании кода на JS и TypeScript. Это инструмент для прототипирования кода в вашей среде IDE, значения времени выполнения автоматически обновляются и отображаются рядом с кодом при его вводе.