Фрагмент кода удваивает эффективность кодирования

внешний интерфейс

Зачем говорить о Snippet

Когда я использовал VSCode, чтобы сделать небольшую программу сегодня днем, я очень неудобство, потому что фрагменты кода, предоставленные в магазине, были чрезвычайно ограничены, а фрагменты кода были необходимы почти каждый день, поэтому я думал о том, как они могут предоставить код др. Да, могу ли я настраивать фрагменты кода. Затем я проверил его, и наверняка, это поставляется с VSCode (кажется, что он немного глубоко), он может быть настроен, а затем я возобновляюсь после завершения моей задачи, и я в основном понял синтаксис фрагментов, а вдруг было что-то Чувство открытия двери в новый мир. Запишите, подано

Как открыть конфигурацию сниппета

Возьмите vscode в качестве примера, другие редакторы, вероятно, похожи. Горячая клавиша в vscode "Ctrl + Shift + P", чтобы открыть командное окно, затем введитеsnippet, Выберите **[Настроить фрагмент кода пользователя]**, после нажатия вы можете написать фрагмент с радостью

Как использовать сниппет

Сначала перейдите к демоверсии

"html template": {
    "prefix": "ht",
    "body": [
      "<!DOCTYPE html>",
      "<html lang=\"en\">",
      "<head>",
      "  <meta charset=\"UTF-8\">",
      "  <title>${1:$CURRENT_DATE}</title>",
      "</head>",
      "<body>",
	  " <div class=\"${2|container,wrapper|}\">",
		"   ${3}",
	  " </div>",
      "</body>",
      "</html>",
    ],
    "description": "create a html frame"
  }

Эффект такой

в основном построить

  • Имя фрагмента
  • prefix(Префикс, входное условие триггера, например, когда я ввожу ht в приведенном выше примере, я могу выделить фрагмент табуляцией)
  • body(Основная часть, в которой вы определяете нужные вам фрагменты кода в соответствии с синтаксисом)
  • description(Описание, конкретное описание фрагмента)

Базовая грамматика

  • Каждая запятая представляет собой конец всей строки, двойные кавычки должны быть экранированы символом \
  • Номер $ представляет порядок перехода курсора, например, $1 означает, что курсор является первым разом, когда вам нужно перейти, один и тот же порядковый номер будет вместе, еще один $0 указывает на конечную позицию курсора.
  • Переменные, укажите значения по умолчанию, если они не назначены, вот некоторые переменные
    TM_SELECTED_TEXT：当前选定的文本或空字符串； 
    TM_CURRENT_LINE：当前行的内容；
    TM_CURRENT_WORD：光标所处单词或空字符串 
    TM_LINE_INDEX：行号（从零开始）；
    TM_LINE_NUMBER：行号（从一开始）；
    TM_FILENAME：当前文档的文件名；
    TM_FILENAME_BASE：当前文档的文件名（不含后缀名）；
    TM_DIRECTORY：当前文档所在目录；
    TM_FILEPATH：当前文档的完整文件路径；
    CLIPBOARD：当前剪贴板中内容。
    时间相关
    CURRENT_YEAR: 当前年份；
    CURRENT_YEAR_SHORT: 当前年份的后两位；
    CURRENT_MONTH: 格式化为两位数字的当前月份，如 02；
    CURRENT_MONTH_NAME: 当前月份的全称，如 July；
    CURRENT_MONTH_NAME_SHORT: 当前月份的简称，如 Jul；
    CURRENT_DATE: 当天月份第几天；
    CURRENT_DAY_NAME: 当天周几，如 Monday；
    CURRENT_DAY_NAME_SHORT: 当天周几的简称，如 Mon；
    CURRENT_HOUR: 当前小时（24 小时制）；
    CURRENT_MINUTE: 当前分钟；
    CURRENT_SECOND: 当前秒数。
  • Необязательные элементы, когда курсор находится там, появятся некоторые необязательные элементы.Используйте | и |, за которыми следуют необязательные элементы, предоставленные вами.Я предоставляю здесь два значения, и значения разделяются запятыми

  • Для расширенного синтаксиса тела вы можете обратиться кздесь, очень подробно написано

наконец

Эффект

Наконец, прикрепите руководство по размещению собственного фрагмента на рынке и ткните в негоздесь

Категории