Я хочу знать, какой ярлык для console.log в коде Visual Studio?
Я хочу знать, какой ярлык для console.log в коде Visual Studio?
Ответы:
Обновление февраля 2019 г .:
Как было предложено Адрианом Смитом и другими: если вы хотите связать сочетание клавиш для создания оператора журнала консоли, вы можете сделать следующее:
{
"key": "ctrl+shift+l",
"command": "editor.action.insertSnippet",
"when": "editorTextFocus",
"args": {
"snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
}
}
Нажатие CTRL+ SHIFT+ Lвыведет фрагмент консоли. Кроме того, если у вас уже есть выделенный текст, он будет помещен в оператор журнала.
Если вы предпочитаете intellisene / autocomplete:
Перейдите в « Настройки» -> « Пользовательские фрагменты» -> «Выбрать машинописный текст» (или любой другой язык, который вы хотите). json
Файл должен открыться. Вы можете добавить туда фрагменты кода.
Уже есть фрагмент для console.log
закомментированного:
"Print to console": {
"prefix": "log",
"body": [
"console.log('$1');",
"$2"
],
"description": "Log output to console"
}
Вы должны сделать это для каждого языка, на котором хотите использовать фрагмент ... немного беспокоит.
Кроме того, вы должны установить "editor.snippetSuggestions": "top"
, чтобы ваши фрагменты отображались над intellisense. Спасибо @Chris!
Вы можете найти предложения по фрагментам в разделе «Настройки» -> «Текстовый редактор» -> «Предложения».
"prefix": "c",
должен работать с "c", верно?
{}
кнопку рядом с панелью поиска, чтобы открыть keybindings.json
файл - Самый простой способ, так как я не смог увидеть сообщение «Для расширенных настроек откройте и отредактируйте keybindings.json» !
Все приведенные выше ответы работают нормально, но если вы не хотите изменять конфигурацию кода визуальной студии, вам нужно автозаполнение, console.log(object);
вы можете просто использовать этот ярлык clg и нажать Ctrl+ Spaceдля предложения и нажать Enter
Примечание : эта функция доступна при установке расширения фрагментов кода JavaScript (ES6).
Точно так же у вас есть автозаполнение для:
console.log(object);
console.log('object :', object);
console.clear(object);
console.error(object);
console.trace(object);
console.table(object);
console.info(object);
console.count(label);
ссылка для фрагментов кода JavaScript (ES6): https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets
Главный ответ @Sebastian Sebald - это прекрасно, но, столкнувшись с аналогичной проблемой (не с console.log конкретно, а скорее с «отсутствием»), я также хотел внести свой ответ.
Ваш префикс действительно работает - по умолчанию его, log
а в вашем случае вы изменили его на c
. Когда вы набираете log
(или c
), VSCode сгенерирует полный список «all the things ™», основанный на многих факторах (т.е. я не знаю, какие факторы, возможно, релевантность класса).
Такие вещи, как сниппеты, имеют тенденцию тяготеть ко дну. Чтобы поднять их вверх, несмотря на их длину, добавьте это в свои настройки:
"editor.snippetSuggestions": "top"
Property editor.snippetSuggestions is not allowed
чем это?
"editor.snippetSuggestions": "top"
следует поместить в файл settings.json ( ctrl+shift+p
и ввести user settings
). В качестве альтернативы вы можете найти это свойство в общих пользовательских настройках («Настройки»> «Настройки») и использовать раскрывающееся меню, чтобы изменить его на top
.
Введите log
и нажмите enter
. Будет автоматически заполненоconsole.log();
log
и нажатие только вводят вывод console.log();
, и я не могу понять, почему? Это только я, или другие могут печатать, а log
затем вводить и console.log();
каждый раз получать согласованный вывод?
В Atom есть хороший ярлык для console.log (), и я хотел того же в VS Code.
Я использовал решение @kamp, но мне потребовалось время, чтобы понять, как это сделать. Вот шаги, которые я использовал.
Перейдите в: Файл> Настройки> Сочетания клавиш.
Вверху страницы вы увидите сообщение: Для расширенных настроек откройте и отредактируйте keybindings.json.
Другой способ - открыть файл keybindings.json и добавить желаемую комбинацию клавиш. В моем случае это:
{
"key": "cmd+shift+l",
"command": "editor.action.insertSnippet",
"when": "editorTextFocus",
"args": {
"snippet": "console.log($1)$0;"
}
}
Любой, кто ищет расширенные настройки, открывает и редактирует keybindings.json
Щелкните этот маленький значок, чтобы открыть keybindings.json.
Используйте этот код для генерации console.log () и console.log («Word») для выделенного текста.
{
"key": "ctrl+shift+l",
"command": "editor.action.insertSnippet",
"when": "editorTextFocus",
"args": {
"snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
}
}
В случае, если кто-то хочет поместить в console.log()
оператор текущий выделенный текст :
{
"key": "cmd+shift+l",
"command": "editor.action.insertSnippet",
"when": "editorTextFocus",
"args": {
"snippet": "console.log(${TM_SELECTED_TEXT}$1)$0;"
}
}
clg + tab
или, как указано выше,
журнал + ввод (второй вариант в раскрывающемся списке)
Это старый вопрос, но я надеюсь, что он будет полезен кому-нибудь еще.
ChannelMergerNode
для меня!
Введите "clg", затем нажмите ctrl+ spaceи нажмите enter, он автоматически завершится до console.log()
.
Для этого вам нужно только установить расширение, например, фрагменты кода JavaScript (ES6).
Нижеприведенный текст выделен в одинарные кавычки. Надеюсь, это поможет
// Place your key bindings in this file to overwrite the defaults
[{
"key": "ctrl+shift+c",
"command": "editor.action.insertSnippet",
"when": "editorTextFocus",
"args": {
"snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
}
}]
Вот лучшее решение
{
"key": "cmd+shift+c",
"command": "editor.action.insertSnippet",
"when": "editorTextFocus",
"args": {
"snippet": "console.log('${TM_SELECTED_TEXT}', $TM_SELECTED_TEXT$1);"
}
}
В качестве альтернативы вы можете создать функцию, которую легко написать, которая вызывает console.log, а затем просто вызывает эту функцию.
var a = funtion (x) {console.log(x)}
a(2*2); //prints 4
Введите co
и нажмите tabили enter.
Должно работать из коробки.
console
для меня