Создавайте собственные многократно используемые строки кода
Фрагменты кода — один из самых простых способов повышения продуктивности разработчика.
Фрагмент кода — это небольшая, многократно используемая строка кода, которая может избавить вас от необходимости вводить повторяющийся код.
вот пример использования фрагмента кода в vs code:
Чтобы понять фрагменты кода в VSCode, мы создадим фрагмент, который создает оператор switch с 3 вариантами и вариантом по умолчанию.
Понимание структуры сниппета
Прежде чем мы начнем создавать сниппеты в VSCode, нам сначала нужно понять структуру сниппета.
Сниппеты в VSCode пишутся в JSON и в следующем формате:
"TestSnippet": {
"prefix": "tsn",
"body": "console.log('This is from a test snippet!);",
"description": "testing a snippet"
}
Различные части фрагмента
Фрагмент состоит из четырех разных частей: префикса, тела, описания и имени.
префикс – это строка, при вводе которой отображается фрагмент.
body — это содержимое, которое будет отображаться при вызове фрагмента.
описание — это необязательное описание, предоставляемое IntelliSense.
И имя, которое является названием фрагментов и используется в IntelliSense, если описание не заполнено.
Создание нашего сниппета
теперь, когда у нас есть общее представление о том, что такое сниппет, пришло время создать собственный сниппет.
Открытие меню фрагментов
В VSCode есть меню, посвященное пользовательским фрагментам.
Если вы используете Windows, меню находится в разделе Файл › Настройки › Пользовательские фрагменты.
На Mac такое же меню можно найти в разделе Code › Preferences › User Snippets.
После этого вы увидите раскрывающийся список с запросом языка для вашего фрагмента. Для этого урока мы выберем JavaScript.
Добавление пользовательского фрагмента в Javascript.json
Теперь, когда мы перешли к нужному файлу, пришло время создать наш фрагмент.
код для фрагмента ниже:
Использование нашего пользовательского фрагмента
Наш сниппет готов.
Все, что нам нужно сделать, это проверить в VSCode
Для этого введите префикс sws в файл javascript и нажмите клавишу ВВОД, когда он появится в IntelliSense.
Заключение
Спасибо, что добрались до конца моей статьи «Как создавать абсолютно потрясающие пользовательские фрагменты кода в VSCode». Если у вас есть какие-либо вопросы, не стесняйтесь спрашивать, и я постараюсь ответить как можно скорее.
Надеюсь у тебя хороший день. Если вы новичок в Medium, вы можете присоединиться по этой ссылке здесь.
Больше контента на plainenglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Получите эксклюзивный доступ к возможностям написания и советам в нашем сообществе Discord.
