Сегодня я опубликовал свое первое расширение VS Code — зажмите его! Это расширение позволяет легко генерировать фиксированные размеры для вашего CSS-кода.

Я сделал это, потому что хотел быть более продуктивным. Мой текущий процесс включал посещение веб-сайта онлайн-генератора зажимов, ввод желаемых размеров, а затем копирование и вставку их в мой код.

Я сделал это с помощью ChatGPT. 90% кода создается ChatGPT. Мне пришлось кое-что подправить, и эта идея пришла мне в голову, так что, думаю, я заслуживаю похвалы.

Чтобы начать использовать его, сначала настройте его, задав следующие параметры в файле глобальных настроек.json (Палитра команд: Настройки: Открыть настройки пользователя (JSON)) или в файле вашего проекта settings.json (Палитра команд: Настройки: Открыть) Настройки рабочей области (JSON)):

{
  "clampExtension.globalMinViewport": 600,
  "clampExtension.globalMaxViewport": 1440,
  "clampExtension.baseFontSize": 16
}

Затем введите минимальный и максимальный размеры (в пикселях), выделите введенные размеры и выберите «Закрепить!» команда из палитры команд:

Если хотите, можете использовать полное определение, например:

16, 20, 16, 600, 1200

где

• первый параметр — минимальный размер,
• второй параметр — максимальный размер,
• третий параметр — это базовый размер шрифта,
• четвертый параметр — минимальный размер области просмотра, и
• пятый параметр — максимальный размер области просмотра.

Обратите внимание, что выходные данные всегда выражаются в единицах REM:

clamp(1rem, calc(0.821rem   0.476vw), 1.25rem)

Вот и все! Я надеюсь, что это небольшое расширение сделает вас более продуктивными, как оно сделало меня.