Front-End разработчики, если вы используете VS Code в качестве IDE для разработки, у нас есть несколько замечательных расширений, которые облегчат вашу повседневную жизнь программистов.
Вот список наших любимых расширений VS Code, которые показались нам невероятно полезными.
- Prettier – Форматировщик кода
- Приборная панель проекта
- React ProTypes Generate
- Tailwind CSS IntelliSense
- Turbo Console Log
- VSCode React Refactor
- Обновление Json пакетов
- Mintlify AI Doc Generator
- Тема иконок материалов
- Стоимость импорта
- Предварительный просмотр изображений
- Git Graph
- Выделение цветом
- Случай изменения
- Улучшенные комментарии
- Автоматическое переименование тега
- Эмулятор Android iOS
- Prettier – Форматировщик кода
- Приборная панель проекта
- React PropTypes Generate
- Tailwind CSS IntelliSense
- Turbo Console Log
- VSCode React Refactor
- Обновление пакета Json
- Mintlify Doc Writer для Python, JavaScript, TypeScript, C++, PHP, Java, C#, Ruby и др.
- Тема иконок Material Icon
- Стоимость импорта
- Предварительный просмотр изображения
- Git Graph
- Выделение цветом
- change-case
- Улучшенные комментарии
- Автоматическое переименование тегов
- Эмулятор Android iOS
Prettier – Форматировщик кода
Prettier – это формирователь кода с собственным мнением. Он обеспечивает последовательный стиль, анализируя ваш код и перепечатывая его по своим собственным правилам, которые учитывают максимальную длину строки и обертывают код, когда это необходимо.
Приборная панель проекта
VSCode Project Dashboard – это расширение Visual Studio Code, которое позволяет вам организовать ваши проекты в виде быстрого набора номера. Отметьте часто посещаемые папки, файлы и SSH-пульты на приборной панели для быстрого доступа к ним.
React PropTypes Generate
Это расширение VS Code, которое автоматически генерирует код PropTypes для компонентов React, таких как ReactPropTypes в платформе Jetbrains’s Platform. Являясь инструментом командной строки, вы не ограничены в использовании в vs коде. Если вы хотите полностью автоматическую генерацию PropTypes, вы также можете использовать его с lint-staged в вашем проекте.
Tailwind CSS IntelliSense
Интеллектуальный инструментарий Tailwind CSS для VS Code.
Turbo Console Log
Автоматизация процесса написания содержательных сообщений журнала.
VSCode React Refactor
Перекомпонуйте ваш переросший JSX, не заботясь о данных.
Обновление пакета Json
Показывает доступные обновления в package.json. Предлагает быстрые действия для руководства при обновлении.
Mintlify Doc Writer для Python, JavaScript, TypeScript,
C++, PHP, Java, C#, Ruby и др.
Создатель документации на основе искусственного интеллекта для JavaScript, Python, Java, Typescript и других языков.
Тема иконок Material Icon
Иконки Material Design для Visual Studio Code.
Стоимость импорта
Отображение стоимости импорта/требуемого пакета в редакторе.
Предварительный просмотр изображения
Показывает предварительный просмотр изображения в желобе и при наведении.
Git Graph
Просмотр Git-графика вашего репозитория и выполнение Git-действий из графика.
Выделение цветом
Выделение веб-цвета в редакторе.
change-case
Быстрое изменение регистра (camelCase, CONSTANT_CASE, snake_case и т.д.) текущего выделения или текущего слова.
Улучшенные комментарии
Улучшите комментирование кода с помощью аннотаций с предупреждениями, информацией, TODO и многим другим!
Автоматическое переименование тегов
Автоматическое переименование парных HTML/XML-тегов.
Эмулятор Android iOS
Если вы разработчик мобильных устройств, запустите эмулятор Android и симулятор iOS легко из кода vs!
Спасибо, что дочитали до конца.
Надеюсь, этот пост был полезен для улучшения вашего путешествия разработчика!
Первоначально опубликовано на: https://blogs.appymango.com/blogs/62703ae8483b05951950af41