2023 HTML + CSS. Урок 11.2 Свой сниппет

Добавление аббревиатур и фрагментов Некоторые аббревиатуры преобразуются в элементы с предустановленными атрибутами. Список таких аббревиатур для различных языков вы можете посмотреть в официальном репозитории в каталоге snippets. Например, аббревиатуры для html находятся в файле html.json. Способ добавления аббревиатур вы можете узнать в документации плагина, который используете в текстовом редакторе. Если используется Visual Studio Code, то вам нужно создать файл snippets.json. Таких файлов может быть несколько, например, один с глобальными настройками, а другой с локальными на уровне проекта. Затем, в файле настроек VSCode, добавьте параметр emmet.extensionsPath, содержащий массив путей к каталогам, содержащим файл snippets.json. Рассмотрим на примере: создайте каталог .vscode в текущем проекте. В каталоге .vscode создайте файлы settings.json и snippets.json. Вот как это сделать через терминал: mkdir .vscode && cd .vscode touch settings.json && touch snippets.json В файл settings.json добавьте следующую настройку: { "emmet.extensionsPath": ["./.vscode"] } В файле snippets.json для каждого языка записываются его псевдонимы и фрагменты. На данный момент в VSCode используется Emmet 2.0. В данной версии аббревиатуры и фрагменты задаются через один параметр snippets. Создадим несколько аббревиатур для html и css: { "html": { "snippets": { "abbr1": "ul﹥li*3", "abbr2": "ol﹥li*3" } }, "css": { "snippets": { "clw": "color: white", "clb": "color: black" } } }

Видео 2023 HTML + CSS. Урок 11.2 Свой сниппет автора sght.online