Подтвердить что ты не робот

Как добавить пользовательские фрагменты кода в VSCode?

Можно ли добавлять пользовательские фрагменты кода в код Visual Studio? И если да, то как? VSCode основан на Atom, поэтому это должно быть возможно.

4b9b3361

ОТВЕТЫ

Ответ 1

  • Хит > shift + command + p и введите фрагменты
  • Выберите Предпочтения: Откройте пользовательские фрагменты
  • Выберите тип языка, для которого вы хотите добавить пользовательский фрагмент.
  • vscode имеет комментарии, чтобы объяснить, как добавить фрагмент, как описано в: > vsdoc


Допустим, мы хотим открыть пользовательские фрагменты для языка GO. Тогда мы можем сделать:

  • Хит > command + p
  • Тип: go.json + enter И вы попадаете на страницу пользовательских фрагментов.

Фрагменты определяются в формате JSON и сохраняются в файле .json для каждого пользователя (languageId). Например, фрагменты Markdown входят в файл markdown.json.

Ответ 2

проверьте этот сайт. Вы можете создавать фрагменты для кода, возвышенного текста и атома.

Ответ 3

В версии 0.10.6 вы можете добавить собственные фрагменты. Прочтите документацию на Создание собственных фрагментов. Вы можете найти/создать пользовательские фрагменты, поместив json файл в C:\Users\<yourUserName>\AppData\Roaming\Code\User\snippets. Например, пользовательские фрагменты javascript будут находиться в \snippets\javascript.json

Вы также можете опубликовать свои фрагменты, которые также являются действительно опрятными. Джон Папа создал хороший angular + typescript фрагмент, который вы можете скачать как расширение в marketplace.

Вот фрагмент примера, взятый для документации по циклу javascript for:

"For Loop": {
    "prefix": "for",
    "body": [
        "for (var ${index} = 0; ${index} < ${array}.length; ${index}++) {",
        "\tvar ${element} = ${array}[${index}];",
        "\t$0",
        "}"
    ],
    "description": "For Loop"
},

Где

  • For Loop - это имя фрагмента
  • prefix определяет префикс, используемый в раскрывающемся списке IntelliSense. В этом случае для.
  • body - это фрагмент содержимого. Возможные переменные:
    • $1, $2 для табуляторов.
    • ${id} и ${id: label} и ${1: label} для переменных
    • Связаны переменные с одним и тем же идентификатором.
  • description - это описание, используемое в Распаковка IntelliSense

Ответ 4

Там VsCode плагин называется: создатель фрагмента..

После установки все, что вам нужно сделать, это:

  1. Выберите код, который вы хотите сделать его фрагментом.
  2. Щелкните правой кнопкой мыши по нему и выберите "Палитра команд" (или Ctrl + Shift + P).
  3. Напишите "Создать фрагмент".
  4. Выберите тип файлов, которые необходимо просмотреть, чтобы вызвать ярлык вашего фрагмента.
  5. Выберите ярлык фрагмента.
  6. Выберите имя фрагмента.

Все это..

Примечание: если вы хотите редактировать свои фрагменты, вы найдете их в [fileType].json
Пример: Ctrl + P, затем выберите "javascript.json"

Ответ 5

Это недокументированная функция на данный момент, но скоро. Есть папка, в которую вы можете добавить их, и они появятся, но она может измениться (ее недокументированные по какой-либо причине).

Лучший совет - добавить это на сайт uservoice и подождать до финала. Но он идет.

Ответ 6

Перейдите в Файл → Настройки → Пользовательские фрагменты. Выберите предпочитаемый язык.
Теперь введите следующий код для создания фрагмента цикла for: 

  "Create for loop":{
    "prefix": "for",
    "body":[
      "for(int i = 0; i < 10; i++)",
      "{",
      "   //code goes here",
      "}"
    ],
   "description": "Creates a for loop"
  }

Вы сделали.
Введите "для" в редакторе и используйте первый прогноз.

SHORTCUT--

1. установить расширение Snippet-creator.
2. Выделите код, который вам нужен для создания фрагмента.
3. нажмите ctrl + shift + P, введите "Создать фрагмент" в палитре команд и нажмите клавишу ВВОД.
5. выберите язык, для которого вы хотите создать фрагмент (например: -CPP), затем введите
имя фрагмента, введите ярлык фрагмента, а затем введите описание фрагмента.
Теперь тебе пора.
Введите ярлык фрагмента в редакторе, который вы ввели в шаге 4, и выберите
прогноз (если прогноз не приходит, нажмите Ctrl + пробел), который идет первым.

Надеюсь это поможет :)

Примечание: перейдите к File-> Настройки-> Пользовательские фрагменты. Затем выберите язык, на котором вы
создал фрагмент. Вы найдете фрагмент там.

Ответ 7

Вы можете добавить пользовательские сценарии, перейдите в File --> Preferences --> User Snippets. Выберите предпочитаемый язык.

Если вы выберете Javascript, вы увидите пользовательский скрипт по умолчанию для console.log(' '); как это:

"Print to console": {
    "prefix": "log",
    "body": [
        "console.log('$1');",
        "$2"
    ],
    "description": "Log output to console"
},

Ответ 9

Если вы предпочитаете не писать свои фрагменты в JSON, проверьте Snipster. Он позволяет вам писать фрагменты, так как вы сами пишете код - не нужно обертывать каждую строку кавычками, escape-символами, добавлять мета-информацию и т.д.

Он также позволяет писать один раз, публиковать в любом месте. Таким образом, вы можете использовать свой фрагмент в VS Code, Atom и Sublime, а также больше редакторов в будущем. Дополнительная информация здесь.

Ответ 10

Я попытался, добавив фрагменты в javascriptreact.json, но у меня это не сработало.

Я попытался добавить фрагменты в глобальную область, и это работает как шарм.

FILE --> Preferences --> User snippets

здесь выберите New Global Snippets File, дайте имя criptreact.code-snippets.

Для других языков вы можете назвать как [your_longuage].code-snippets

enter image description here