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