Visual Studio Code добавить соответствующие операторы импорта для фрагментов

Question

Я пытался создать собственные фрагменты для моего расширения в vscode. Но чтобы использовать эти фрагменты, мне также нужны конкретные операторы импорта, я пытаюсь выяснить, как добавить соответствующие операторы импорта, когда фрагмент выбран из вариантов. Предоставляет ли vscode способ сделать это?

Answer 1

Если ваш язык программирования поддерживает команду «Оптимизировать импорт», вы можете воспользоваться ею, чтобы приблизиться к желаемому поведению. По умолчанию он настроен на привязку клавиш в vscode.

В JS / TS команда «Оптимизировать импорт» переместит в начало файла, независимо от того, на какой строке он написан, при условии, что он синтаксически допустим, то есть не внутри функции и т. Д.

Опция 1

Вы можете сделать свой фрагмент более удобным, завершив его ключевым словом importable. Например, с фрагментом компонента React, который вам может потребоваться импортировать, вы можете использовать $0чтобы вернуться к ключевому слову после предоставления дополнительного содержания. Это позволит вам немедленно ввести cmd+. «Быстрое исправление» импорта.

      {
  "AuthorCard": {
    "prefix": "ac",
    "body": [
        "<AuthorCard$0>",
        "  $1",
        "</AuthorCard>"
    ]
  },
}

Вариант 2

Если ваш фрагмент функции предназначен для вставки в глобальную область действия файла, вы можете включить импорт в сам фрагмент. Затем немедленно «Оптимизируйте импорт», и он отправит import заявление в начало файла.

Например, фрагмент может выглядеть следующим образом.

      "blah": {
  "prefix": "blah",
  "body": [
    "import blah from 'blah'",
    "export function myBlah() {",
    "  return blah.doBlah()",
    "}"
  ]
},

Вариант 3

Если ваш фрагмент предназначен для использования в других областях внутри файла, создайте второй фрагмент только для импорта. Например, для фрагмента blah, фрагмент iblahмог импортировать все необходимые зависимости. Теперь вам нужен только «быстрый» способ добраться до допустимой области для импорта, а затем вернуться в то место, где вы начали, и то и другое возможно в vscode. Я упомяну комбинации клавиш по умолчанию, но для записи вы можете переназначить базовые команды на все, что захотите.

Чтобы перейти к допустимой области для вашего фрагмента импорта, у вас есть несколько вариантов. Лучшие варианты, наверное, cmd+up, который перенесет вас в начало файла. Другие варианты shift+cmd+\, что приведет вас к закрывающей скобке оператора, и cmd+enter, который перенесет вас на новую строку. Из допустимой области вы можете запустить свой фрагмент импорта, а затем «Оптимизировать импорт» с помощью shift+opt+O.

Наконец, чтобы вернуться к исходной функции, вы можете «Вернуться назад» в vscode, который по умолчанию ctrl+-, который возвращает вас в последнюю позицию курсора.

Эти параметры могут быть не идеальными, особенно если вы собираетесь сделать их общедоступными фрагментами для пакета расширения, но, тем не менее, они представляют собой набор удобных приемов, которые могут оказаться полезными (и ответить на «дух» вашего вопроса).