Порекомендуйте несколько очень полезных плагинов VS Code, прикрепите gif-изображения.
Плагины, повышающие эффективность разработки
1. Better Comments
Улучшенные комментарии Вы можете использовать разные префиксы, чтобы комментарии отображались разными цветами. Отлично подходит для быстрого сканирования и обнаружения важных фрагментов кода. Если используется, рекомендуется, чтобы команда унифицирует стандарт.
Спасибо за рекомендацию в области комментариев: Todo Tree, хотя оно может помечать только TODO и FIXME, его можно помечать в html-комментариях, а сбоку на панели навигации есть небольшой значок, нажмите на него, чтобы увидеть, какие файлы и какие линии были отмечены.Вы можете попробовать немного.
2. Bracket Pair Colorizer
Вы часто ищете недостающие скобки в своих проектах?Это огромная трата времени. Используя приведенный выше плагин, он может помочь вам раскрасить скобки разными цветами, не правда ли, это здорово.
3. change-case
change-case предоставляет простой способ изменить имя слова или переменной на различные регистры, включая camelCase, snake_case, TitleCase... Такое сотрудничество нескольких человек может значительно повысить эффективность при столкновении с несогласованным кодом.
4. ES7 React/Redux/GraphQL/React-Native snippets
Если вам приходится повторять шаблонный код каждый раз, когда вы создаете компонент, это пустая трата времени. Этот плагин имеет много полезных фрагментов, вы можете быстро инициализировать шаблонный код и сэкономить много времени.
5. ESLint
Этот плагин нужно установить, о преимуществах говорить особо нечего, просто посмотрите на картинку выше~
6. GitLens
GitLens — очень и очень полезный плагин, который позволяет вам понять историю коммитов git. С точностью до линии. Как я могу бросить банк так быстро, это зависит от него.
7. Import Cost
Стоимость импорта помогает определить размер импортируемого файла. Он показывает размер каждого встроенного импорта с красным и желтым цветом предупреждений, если импорт больше обычного.
8. indent-rainbow
Различайте по цвету, чтобы вы могли сразу увидеть углубление.
9. javascript console utils
Настоятельно рекомендую. Просто найдите переменную, которую хотите записать в console.log, удерживайте нажатой клавишу быстрого доступа, и появится консоль с именем переменной.
10. Prettier
Это очень важно. Используйте alt + shift + F для автоматического форматирования вашего кода, или вы можете сделать так, чтобы он автоматически форматировался при каждом сохранении. Это сэкономит вам много времени на стилях кода, таких как отступы, начальные и конечные пробелы. Сохранение одной и той же более красивой конфигурации также очень важно в командной работе.
11. Version Lens
Отслеживание всех последних версий пакетов npm может быть обременительным. Объектив версий показывает, как встроить установленные пакеты версий. Сравните json с текущей версией.
Дополнения, улучшающие эстетику
file-icons
Fira Code
Превратите === в тройной знак равенства, это зависит от личных предпочтений.
Плагины, которые больше не используются
Когда в VScode добавлено слишком много плагинов, компьютерный вентилятор будет жужжать, поэтому я удалю некоторые ненужные плагины.
Auto-close tag & Auto Rename Tag
Большинство из этих функций теперь содержатся в VS Code. Этот плагин можно удалить.
Color Highlight
Выделите любое значение цвета CSS и цвет, который он представляет. Кроме того, VS теперь показывает цветную рамку рядом со значением, и этого достаточно.
Если у вас достаточно памяти, просто установите его.
Наконец
Надеюсь, эта статья будет вам полезна~
- Добро пожаловать, чтобы обратить внимание на «Front-end Jiajia» и регулярно делиться высококачественными статьями.
- Ответьте, чтобы добавить группу, пригласите вас присоединиться к технической группе, долгосрочному техническому обмену и обучению