javascript - Hva er snarveien i Visual Studio Code for console.log

Jeg vil vite hva snarveien for console.log i Visual Studio Code er?

Svar #1

Oppdatering feb, 2019:

Som foreslått av Adrian Smith og andre: Hvis du vil knytte en hurtigtast til å opprette en konsoll-loggsetning, kan du gjøre følgende:

  1. Fil > Innstillinger > Tastatursnarveier

  2. Over søkefeltet til høyre vil du se dette ikonet

    3. Klikk på den. (Når du holder musen over den, står det: Åpne hurtigtaster for tastaturet (JSON)

  3. Legg dette til i JSON-innstillingene:
{
  "key": "ctrl+shift+l",
  "command": "editor.action.insertSnippet",
  "when": "editorTextFocus",
  "args": {
    "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
  }
}

Pass på at du legger dette mellom hakeparentesene: [her inne], ellers vil det ikke fungere.

Å trykke CTRL+SHIFT+L vil vise konsollutdraget. I tillegg, hvis du allerede har tekst markert, vil den bli satt inn i loggsetningen.

Hvis du heller vil ha intellisense/autofullføring:

Gå til Preferences -> User Snippets -> Velg Typescript (eller hvilket som helst språk du vil) eller en 'Global Snippet File' avhengig av behovet ditt. En json-fil bør åpnes. Du kan legge til kodebiter der.

Det finnes allerede et utdrag for console.log som er kommentert ut:

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

Tidligere måtte du gjøre dette for hvert språk, men nå kan du i 'Global Snippet File' sette scope-egenskapen som lar deg eksplisitt deklarere flere språk.

Hvis du trenger det nøyaktige navnet på språket: sjekk det ved å klikke på Select Language Mode-knappen på høyre side av VS Code sin nederste verktøylinje. Den vil be deg om å velge et språk øverst, og i prosessen vil den vise JSON-navnet på språket i parentes, som du kan skrive inn i snippet-filen som i eksemplet ovenfor.

Du bør også sette "editor.snippetSuggestions": "top", slik at dine snutter vises over intellisense. Takk @Chris!

Du kan finne utdragsforslag i Preferanser -> Innstillinger -> Tekstredigerer -> Forslag

Svar #2

Alle de ovennevnte svarene fungerer fint, men hvis du ikke ønsker å endre konfigurasjonen i Visual Studio Code, men heller vil ha automatisk fullføring for console.log(object);, kan du enkelt bruke denne snarveien clg og trykke Ctrl+Space for forslag og trykke Enter
Merk : Denne funksjonen er tilgjengelig når du installerer JavaScript (ES6) code snippets utvidelsen.

På samme måte har du automatisk fullføring for:

  • clg for console.log(object);
  • clo for console.log('object :', object);
  • ccl for console.clear(object);
  • cer for console.error(object);
  • ctr for console.trace(object);
  • clt for console.table(object);
  • cin for console.info(object);
  • cco for console.count(label);

    (Denne listen fortsetter...)

    Også, en annen flott utvidelse i denne forbindelse er Turbo Console Log. Jeg bruker personlig begge disse daglig og liker kombinasjonen deres.

Referanser:

  1. lenke for JavaScript (ES6) kodeeksempler:

https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

  1. Forhåndsvisning fra Visual Studio Code:

Svar #3

Skriv log og trykk enter. Det vil automatisk fullføre console.log();

Svar #4

Det beste svaret fra @Sebastian Sebald er helt fint, men siden jeg støtte på et lignende problem (ikke console.log spesifikt, men heller at det «manglet») ønsket jeg også å bidra med et svar.

Prefikset ditt fungerer faktisk - som standard er det log, og i ditt tilfelle har du endret det til c. Når du skriver log (eller c) vil VSCode generere en full liste over "alle tingene™" basert på mange faktorer (jeg vet ikke hvilke faktorer, sannsynligvis klasserelevans).

Slike ting som utdrag har en tendens til å bevege seg mot bunnen. For å flytte dem til toppen, til tross for lengden, legg dette til innstillingene dine:

"editor.snippetSuggestions": "top"

Svar #5

I Atom finnes det en fin snarvei for console.log() og jeg ønsket det samme i VS Code.

Jeg brukte løsningen til @kamp, men det tok meg en stund å finne ut hvordan jeg skulle gjøre det. Her er trinnene jeg brukte.

  1. Gå til: Fil > Preferanser > Tastatursnarveier

  2. Øverst på siden vil du se en melding som sier: For avanserte tilpasninger åpne og rediger keybindings.json

  1. Dette åpner to paneler: standard hurtigtaster og dine tilpassede hurtigtaster.

  1. Skriv inn koden som ble gitt av @kamp

Svar #6

En annen måte er å åpne keybindings.json-filen og legge til ønsket tastatursnarvei. I mitt tilfelle er det:

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

Svar #7

Alle som leter etter For avanserte tilpasninger åpne og rediger keybindings.json

Klikk på dette lille ikonet for å åpne keybindings.json.

Bruk denne koden for å generere både console.log() og for å generere console.log("Word") for valgt tekst.

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

Svar #8

Når du skriver ordet logg, vil du se noe som dette:

Velg den som sier Logg til konsollen hvis du ser forskjellige loggalternativer (det ville i utgangspunktet være mulig når du har en identifikator med navnet log.

Klikk Enter.

Intellisense vil gjøre jobben sin!

Svar #9

ctrl+tab

eller som nevnt ovenfor,

logg + enter (andre alternativ i rullegardinmenyen)

Dette er et gammelt spørsmål, men jeg håper det er nyttig for noen andre.

Svar #10

Hvis noen er interessert i å sette den for øyeblikket valgte teksten inn i console.log()-setningen:

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

Relaterte artikler