BitWise Snippets - это набор сниппетов для HTML, CSS, SASS, SCSS, JS, TS и React JS/TS, предназначенных для ускорения процесса разработки веб-приложений. С помощью этих сниппетов вы можете быстро вставить часто используемые блоки кода.
Установка
Для установки плагина можно воспользоваться менеджером расширений Visual Studio Code и найти плагин BitWise Snippets или воспользоваться следующей командой в командной строке:
ext install Akloom.bitwise-snippets
Команды
HTML:
Префикс
Описание
bw-layout
Создает базовый макет страницы
bw-header
Создает базовое содержимое шапки
bw-list
Создает список
bw-section
Создает секцию с заголовком и описанием
bw-picture
Создает блок с адаптивными изображениями
CSS/SASS/SCSS:
Префикс
Описание
bw-flex
Создает стили для flexbox
bw-grid
Создает стили для grid
bw-font
Создает стили для шрифта
bw-bg-image
Создает стили для фонового изображения
bw-border
Создает стили для рамки
bw-button
Создает стили для кнопки
bw-media
Создает медиа-запрос для адаптивного дизайна
JavaScript/TypeScript:
Префикс
Описание
bw-lqs
Создает переменную let с document.querySelector('')
bw-lqsa
Создает переменную let с document.querySelectorAll('')
bw-lid
Создает переменную let с document.getElementById('')
bw-cqs
Создает переменную const с document.querySelector('')
bw-cqsa
Создает переменну constю с document.querySelectorAll('')
bw-cid
Создает переменную const с document.getElementById('')
bw-event
Создает базовую структуру для addEventListener
bw-fetch
Создает базовый fetch запрос
bw-map
Создает метод map для итераций к массиву
bw-foreach
Создает метод forEach для итераций к массиву
React JS/TS:
Префикс
Описание
.{}
Создает JSX элемент с модульным стилем
bw-jsaf
Создает стрелочную функцию в React JS
bw-tsaf
Создает стрелочную функцию в React TS
bw-jsaf-module
Создает стрелочную функцию в React JS с модульными стилями
bw-tsaf-module
Создает стрелочную функцию в React TS с модульными стилями
bw-map
Создает метод map для итерации по массиву в JSX
bw-foreach
Создает метод forEach для итерации по массиву в JSX
