Фрагменты — это функция VS Code, которая позволяет использовать сочетания клавиш или сочетания клавиш для автоматической вставки «фрагмента» кода. Это очень полезно, когда у вас есть блок кода, который часто повторяется. Вы даже можете использовать переменные, чтобы сделать это немного динамичным и еще более мощным.

В этом примере я работал над новым проектом Vue.js и обнаружил, что пишу много шаблонов для каждого нового компонента, который я создал.

Итак, вот небольшой фрагмент кода того, с чего я хотел начать в каждом компоненте.

Теперь мне просто нужен простой способ получить этот фрагмент кода в каждом новом файле, который я создаю. Конечно, я мог бы, например, сохранить файл с именем Template.vue и каждый раз просто копировать/вставлять его. Однако это нецелесообразно, если у вас есть несколько подобных фрагментов кода, которые вы, возможно, захотите использовать.

Итак, вот тут-то и появляются фрагменты кода VS. Перейдите к File (Windows)/Code (MacOS) › Preferences › User Snippets . Выберите язык для фрагмента, в котором вы хотите его создать/использовать. Это откроет файл JSON, который по сути является файлом конфигурации для фрагментов на этом языке. Вот мой, я выбрал «vue».

Итак, это относительно просто. prefix — это ключевое слово/фраза, которую вы можете ввести, чтобы вызвать фрагмент. VS Code предложит префикс в intellisense.

body — это фактическое содержание фрагмента. Это массив строк, где каждая строка представляет одну строку. Итак, как вы можете заметить, у меня есть несколько пустых строк, которые являются просто пустыми строками. Просто убедитесь, что вы правильно делаете отступы в каждой строке кода.

И последнее замечание: я использовал переменную в своей основной строке с именем $TM_FILENAME_BASE , которая является просто именем текущего файла без расширения. VS Code предоставляет множество других переменных, которые вы можете использовать в основном тексте. Ознакомьтесь с другими переменными и интересными параметрами конфигурации здесь: https://code.visualstudio.com/docs/editor/userdefinedsnippets.

Надеюсь, это было полезно для вас, и удачного кодирования :)