Come si formatta il codice in Visual Studio Code (VSCode)

Qual è l'equivalente di Ctrl+ K+ Fe Ctrl+ K+ Dsu Windows in Visual Studio per la formattazione o il codice "abbellimento" nell'editor di codice di Visual Studio?

La formattazione del codice è disponibile in Visual Studio Code tramite le seguenti scorciatoie:

• Su Windows Shift+ Alt+F
• Su Mac Shift+ Option+F
• Su Linux Ctrl+ Shift+I

In alternativa, puoi trovare la scorciatoia, così come altre scorciatoie, attraverso la 'Tavolozza comandi' fornita nell'editor con Ctrl+ Shift+ P(o Command+ Shift+ Psu Mac) e quindi cercare il documento in formato .

Scorciatoia per la formattazione del codice:

Codice di Visual Studio su Windows - Shift+ Alt+F

Codice di Visual Studio su MacOS - Shift+ Option+F

Codice di Visual Studio su Ubuntu - Ctrl+ Shift+I

Puoi anche personalizzare questo collegamento usando un'impostazione delle preferenze, se necessario.

Formattazione del codice durante il salvataggio del file:

Visual Studio Code consente all'utente di personalizzare le impostazioni predefinite.

Se si desidera formattare automaticamente il contenuto durante il salvataggio, aggiungere lo snippet di codice seguente nelle impostazioni dello spazio di lavoro di Visual Studio Code.

Menu File → Preferenze → Impostazioni area di lavoro

{
    // Controls if the editor should automatically format the line after typing
    "beautify.onSave": true,

    "editor.formatOnSave": true,

    // You can auto format any files based on the file extensions type.
    "beautify.JSfiles": [
        "js",
        "json",
        "jsbeautifyrc",
        "jshintrc",
        "ts"
    ]
}

Nota: ora è possibile formattare automaticamente i file TypeScript. Controlla il mio aggiornamento.

È possibile aggiungere un'associazione di tasti nel menu File → Preferenze → Scorciatoie da tastiera .

{ "key": "cmd+k cmd+d", "command": "editor.action.formatDocument" }

O Visual Studio come:

{ "key": "ctrl+k ctrl+d", "command": "editor.action.formatDocument" }

1. Fare clic con il tasto destro del mouse sul file
2. Seleziona Formatta documento dal menu:
   • Finestre: Alt Shift F
   • Linux: Alt Shift I
   • Mac OS: ⌥ ⇧ F

La giusta combinazione di tasti è Shift+ Alt+ F.

Per Fedora

1. Fare clic su File-> Preferences-> Keyboard shortcuts.
2. Sotto Default Keyboard Shortcuts, cerca ( Ctrl+ F) per editor.action.format.

Mio letto "key": "ctrl+shift+i"

Puoi anche cambiarlo. Fai riferimento a questa risposta su come ... o se ti senti un po 'pigro per scorrere verso l'alto:

Puoi aggiungere un'associazione di tasti in "Preferenze-> Scorciatoie da tastiera"

{ "key": "cmd+k cmd+d", "command": "editor.action.format" }

O Visual Studio come:

{ "key": "ctrl+k ctrl+d", "command": "editor.action.format" }

Nota: la cmdchiave è solo per Mac. Per Windows e Fedora (tastiera Windows) usareCtrl

MODIFICA :

Secondo la versione di Visual Code 1.28.2questo è quello che ho trovato.

editor.action.formatnon esiste più. Ora è stato sostituito da editor.action.formatDocumente editor.action.formatSelection.

Digita editor.action.formatnella casella di ricerca per visualizzare le scorciatoie esistenti.

Per modificare le combinazioni di tasti, attenersi alla seguente procedura:

1. Clicca editor.action.formatDocumentoeditor.action.formatSelection
2. Un'icona a forma di penna appare a sinistra: fai clic su di essa.
3. Viene visualizzato un popup. Premere la combinazione di tasti desiderata e premere Invio.

Su Linux è Ctrl+ Shift+ I.

Su Windows è Alt+ Shift+ F. Testato con HTML / CSS / JavaScript e Visual Studio Code 1.18.0.

Per altre lingue, potrebbe essere necessario installare un pacchetto di lingue specifico.

Visual Studio Code 1.6.1 supporta " Formatta su salvataggio " che preleva automaticamente le estensioni di formattazione installate pertinenti e formatta l'intero documento su ogni salvataggio.

Abilita "Formatta su Salva" impostando

"editor.formatOnSave": true

E ci sono scorciatoie da tastiera disponibili (codice Visual Studio 1.7 e versioni successive):

Formatta l'intero documento : Shift+ Alt+F

Solo selezione formato : Ctrl+ K, Ctrl+F

Su Ubuntu è Ctrl+ Shift+ I.

Basta fare clic destro sul testo e selezionare "Formato codice".

Visual Studio Code utilizza js-beautifyinternamente, ma manca la possibilità di modificare lo stile che si desidera utilizzare. L'estensione "abbellisci" ti consente di aggiungere impostazioni.

Menu File → Preferenze → Impostazioni

"editor.formatOnType": true

Quando inserisci il punto e virgola, verrà formattato.

In alternativa, puoi anche usare "editor.formatOnSave": true.

Shift+ Alt+ Ffa bene il lavoro in 1.17.2 e versioni successive.

Per qualche motivo Alt+ Shift+ Fnon ha funzionato per me su Mac Visual Studio Code 1.3.1 e in realtà il comando "Formato documento" non ha funzionato affatto. Ma comando Formatter funzionato molto bene.

Quindi puoi usare Command+ Shift+ Pe digitare Formatter o creare la tua scorciatoia nel menu File → Preferenze → Scorciatoie da tastiera → Command+ K Command+ Squindi digitare Formatter e aggiungere la scorciatoia.

Vedi un esempio:

Formattazione del codice in Visual Studio.

Ho provato a formattare in Windows 8.

Segui le schermate seguenti.

1. Fai clic su Visualizza nella barra dei menu in alto, quindi fai clic su Tavolozza comandi.

   

2. Quindi verrà visualizzata una casella di testo in cui è necessario digitare Formato

   Shift+ Alt+F

   

In Visual Studio Code, Shift+ Alt+ Fsta facendo quello che Ctrl+ K+ Dsta facendo in Visual Studio.

Il collegamento al formato in C # non ha funzionato per me fino a quando non ho installato Mono per Mac OS X, DNVM e DNX .

Prima di installare Mono, il collegamento di formattazione automatica ( Shift+ Alt+ F) funzionava solo per i .jsonfile.

Su Mac, Shift+ Alt+F funziona per me.

Puoi sempre controllare le combinazioni di tasti nel menu:

Menu File → Preferenze → Scorciatoie da tastiera e filtro per parola chiave 'formato'.

Mentre la modifica del comportamento predefinito per Visual Studio Code richiede un'estensione, è possibile ignorare il comportamento predefinito nell'area di lavoro o a livello utente. Funziona per la maggior parte delle lingue supportate (posso garantire HTML, JavaScript e C #).

Livello di spazio di lavoro

Benefici

• Non richiede un'estensione
• Può essere condiviso tra le squadre

risultati

• .vscode/settings.json viene creato nella cartella principale del progetto

Come?

1. Vai a: Menu File → Preferenze → Impostazioni area di lavoro

2. Aggiungi e salva "editor.formatOnType": truein settings.json (che sostituisce il comportamento predefinito per il progetto su cui lavori creando il file .vscode / settings.json).

   

Livello di ambiente dell'utente

Benefici

• Non richiede estensione
• Ambiente di sviluppo personale che cerca di dominarli tutti (impostazioni :))

risultati

• L'utente settings.jsonè stato modificato (vedere la posizione per sistema operativo di seguito)

Come?

1. Vai a: menu File → Preferenze → Impostazioni utente

2. Aggiungi o modifica il valore di "editor.formatOnType": falsein "editor.formatOnType": truenelle impostazioni dell'utente.json

Il tuo utente di Visual Studio Code settings.json posizione è:

Posizioni dei file delle impostazioni a seconda della piattaforma, il file delle impostazioni dell'utente si trova qui:

• Finestre: %APPDATA%\Code\User\settings.json
• Mac: $HOME/Library/Application Support/Code/User/settings.json
• Linux: $HOME/.config/Code/User/settings.jsonil file di impostazione dell'area di lavoro si trova nella cartella .vscode del progetto.

Maggiori dettagli possono essere trovati qui .

L'impostazione predefinita di questa chiave non funzionava per me su documenti HTML, CSS e JavaScript.

Dopo la ricerca, ho trovato il popolare plug -in JS-CSS-HTML Formatter con 133.796 installazioni .

Dopo l'installazione basta ricaricare le finestre e premere Ctrl+ Shift+ F, e ha funzionato!

Seleziona il testo, fai clic destro sulla selezione e seleziona l'opzione "palette comandi":

Si apre una nuova finestra. Cerca "formato" e seleziona l'opzione che ha la formattazione secondo il requisito.

Installa Visual Studio Keymap di Microsoft. Problema risolto. : p

In Mac, utilizzare ⌘+ Ke quindi ⌘+ F.

Per coloro che desiderano personalizzare i file JavaScript da formattare, è possibile utilizzare qualsiasi estensione sulla JSfilesproprietà. Lo stesso vale per HTML.

{
    "beautify.onSave": true,
    "beautify.JSfiles": ["js", "json", "jsbeautifyrc", "jshintrc", "ts"],
    "beautify.HTMLfiles": ["htm", "html"]
}

Ciò consentirà di abbellire al salvataggio per TypeScript e puoi aggiungere in XML all'opzione HTML.

Se vuoi personalizzare lo stile del documento di formato, dovresti usare Beautify estensione .

Fare riferimento a questo screenshot:

Devi prima installare il plug-in appropriato (es. XML, C #, ecc.).

La formattazione non sarà disponibile fino a quando non avrai installato il plugin pertinente e non avrai salvato il file con un'estensione appropriata.

Il modo più semplice che uso in Visual Studio Code (Ubuntu) è:

Seleziona il testo che desideri formattare con il mouse.

Fare clic con il tasto destro e selezionare "Selezione formato" .

Non questo. Usa questo:

Menu File → Preferenze → Impostazioni area di lavoro , "editor.formatOnType" : vero

Usa estensione ...

Abilita la formattazione automatica del codice quando si salva un file.

Avviare Visual Studio Code e Quick Open ( Ctrl+ P), incollare il comando seguente e premere Enter.

ext installa format-on-save

https://marketplace.visualstudio.com/items?itemName=gyuha.format-on-save

Codice di Visual Studio su Linux:

Ctrl+ [al blocco di codice indelebile e

Ctrl+ ]per fare un rientro di massa