Який ярлик у Visual Studio Code для console.log

Я хочу знати, що таке ярлик для console.log у коді Visual Studio?

Оновлення лютого 2019 р .:

Як запропонував Адріан Сміт та інші: Якщо ви хочете прив’язати комбінацію клавіш для створення оператора консолі, ви можете зробити наступне:

1. Файл> Налаштування> Комбінації клавіш
2. Під рядком пошуку ви побачите повідомлення "Для розширених налаштувань відкрийте та відредагуйте keybindings.json" , натисніть на нього
3. Додайте це до налаштувань JSON:

{
  "key": "ctrl+shift+l",
  "command": "editor.action.insertSnippet",
  "when": "editorTextFocus",
  "args": {
    "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
  }
}

Натискання CTRL+ SHIFT+ Lвиведе фрагмент консолі. Крім того, якщо у вас вже виділено текст, він буде поміщений в оператор журналу.

Якщо ви більше хочете інтеліссен / автозаповнення:

Перейдіть до Налаштування -> Фрагменти користувача -> Виберіть машинопис (або будь-яку іншу мову). Відкриється jsonфайл. Ви можете додати туди фрагменти коду.

Уже є фрагмент console.logкоментованого:

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

Ви повинні робити це для кожної мови, якою ви хочете використовувати фрагмент ... це щось набридає.

Крім того, слід встановити "editor.snippetSuggestions": "top", щоб ваші фрагменти відображалися над intellisense. Дякую @Chris!

Ви можете знайти пропозиції фрагментів у Налаштування -> Текстовий редактор -> Пропозиції

Усі наведені вище відповіді працюють нормально, але якщо ви не хочете змінювати конфігурацію коду Visual Studio, скоріше хочете автозавершення, console.log(object); просто скористайтеся цим ярликом clg та натисніть Ctrl+ Spaceдля пропозиції та натисніть Enter
Примітка : Ця функція доступна при встановленні розширення фрагментів коду JavaScript (ES6).

Так само у вас є автозаповнення для:

• clg дляconsole.log(object);
• clo дляconsole.log('object :', object);
• ccl дляconsole.clear(object);
• цер дляconsole.error(object);
• ctr для console.trace(object);
• clt дляconsole.table(object);
• cin дляconsole.info(object);
• cco for console.count(label);
  
  (Цей список продовжується ...)

посилання для фрагментів коду JavaScript (ES6): https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

Найкраща відповідь @Sebastian Sebald - це цілком добре, але, потрапивши в подібну проблему (не console.log, а навпаки, вона "відсутня"), я хотів також внести відповідь.

Ваш префікс справді працює - за замовчуванням його logі у вашому випадку ви змінили його на c. Коли ви вводите log(абоc ) VSCode генерує повний список "усіх речей ™" на основі багатьох факторів (тобто я не знаю, які фактори, ймовірно, відповідність класу).

Такі речі, як фрагменти, як правило, тяжіють до дна. Щоб піднести їх до верху, незважаючи на їх довжину, додайте це до своїх налаштувань:

"editor.snippetSuggestions": "top"

Введіть logі натисніть enter. Він буде автоматично заповненийconsole.log();

В Atom є гарний ярлик для console.log (), і я хотів те саме у VS Code.

Я використав рішення @kamp, але мені знадобився час, щоб зрозуміти, як це зробити. Ось кроки, якими я скористався.

1. Перейдіть до: Файл> Налаштування> Комбінації клавіш

2. У верхній частині сторінки ви побачите повідомлення із написом: Для розширених налаштувань відкрийте та відредагуйте keybindings.json

3. Це відкриває дві панелі: прив’язки клавіш за замовчуванням та власні прив’язки.

4. Введіть код, наданий @kamp

Інший спосіб - відкрити файл 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;"
  }
}

Коли ви вводите журнал слів , ви побачите приблизно таке:

Виберіть той, у якому написано « Вхід на консоль», якщо ви бачите різні параметри журналу (це в основному можливо, коли у вас є якийсь ідентифікатор із журналом імен.

Клацніть Enter.

Intellisense зробить свою справу!

У випадку, якщо хтось зацікавлений розмістити вибраний текст у console.log()заяві:

{
    "key": "cmd+shift+l",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
      "snippet": "console.log(${TM_SELECTED_TEXT}$1)$0;"
    }
}

Введіть "clg", потім натисніть ctrl+ spaceі натисніть enter, він автоматично заповниться до console.log().
Для цього вам потрібно лише встановити розширення, тобто фрагменти коду JavaScript (ES6).

clg + tab

або, як згадувалося вище,

log + enter (другий варіант у спадному меню)

Це давнє запитання, але, сподіваюся, корисне ще комусь.

Нижче на даний момент вибраний текст з одинарними лапками. Сподіваюся, це допоможе

// 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);"
        }
    }

Я не знаю, яке розширення я використовую, але я просто набираю log і натискаю вкладку для автозаповнення console.log (); розміщення курсору між фігурними дужками.

Введіть coі натисніть tabабо enter.

Має працювати нестандартно.

В якості альтернативи ви можете створити функцію, яку легко записати, яка викликає console.log, а потім просто викликати цю функцію.

 var a = funtion (x) {console.log(x)}
 a(2*2);        //prints 4