Come si formatta il codice al salvataggio in VS Code

186

Vorrei formattare automaticamente il codice TypeScript usando il formatter incorporato quando salvo un file in Visual Studio Code.

Sono a conoscenza delle seguenti opzioni, ma nessuna di queste è abbastanza buona:

Formatta manualmente Shift + Alt + F
Formato sul tipo "editor.formatOnType": true
- Formatta la linea quando si preme invio. Sfortunatamente, non viene formattato quando si fa clic con il mouse su un'altra riga o si preme la freccia su / giù.
Usa estensione esistente
- Ho provato questo uno , ma non sembrano funzionare troppo bene.
Usa abbellisci "beautify.onSave": true
- Non funziona con TypeScript
Scrivi estensione personalizzata
- È difficile se vuoi gestire i salvataggi automatici e le build correttamente.

visual-studio-code vscode-settings code-formatting

— Tomas Nikodym
fonte

280

A partire da settembre 2016 (VSCode 1.6), questo è ora ufficialmente supportato .

Aggiungi quanto segue al tuo settings.jsonfile:

"editor.formatOnSave": true

— Tomas Nikodym
fonte

5

c'è un modo per escludere alcuni file? cioè voglio solo formattare file .js e non file .html.

— gabrielAnzaldo il

@ gabodev77prettier in VS Code ha opzioni per questo (es. prettier.javascriptEnable, prettier.cssEnable ...) sebbene non per HTML.

— Freewalker,

7

Può formattare su Salvataggio automatico? formatOnSave funziona per me solo quando premo manualmente Cmd + S.

— Freewalker,

@gabrielAnzaldo Vedere questa domanda per sapere come escludere determinati tipi di file / file: stackoverflow.com/questions/44831313/...

— Gama11

@LukeWilliams Questo al momento non è possibile, c'è una richiesta di funzionalità qui: github.com/microsoft/vscode/issues/45997

— Gama11

65

Per formattare automaticamente il codice al salvataggio:

Premere Ctrl ,per aprire le preferenze dell'utente
Immettere il seguente codice nel file delle impostazioni aperto
```
{
    "editor.formatOnSave": true
}
```
Salvare il file

fonte

— Zameer
fonte

33

Se desideri formattare automaticamente il salvataggio solo con sorgente Javascript, aggiungi questo in Users Setting(premi Cmd,o Ctrl,):

"[javascript]": { "editor.formatOnSave": true }

— Long Nguyen
fonte

la mia versione, ho iniziato a cercare "formatOnSave" e ho dovuto semplicemente fare clic su una casella di controllo nell'interfaccia utente delle impostazioni del codice Vs

— Akin Hwan,

26

Non è più necessario aggiungere comandi. Per coloro che non conoscono Visual Studio Code e cercano un modo semplice per formattare il codice durante il salvataggio, segui i seguenti passaggi.

Apri Impostazioni premendo [Cmd+,]in Mac o usando lo screenshot qui sotto.

Digita " formato " nella casella di ricerca e abilita l'opzione " Formato su Salva ".

Hai fatto. Grazie.

— Balasubramani M
fonte

4

Per l' utente MAC , aggiungere questa riga nelle Impostazioni predefinite

Il percorso del file è: / Users / USER_NAME / Library / Application Support / Code / User / settings.json

"tslint.autoFixOnSave": vero

Esempio del file sarebbe:

{
    "window.zoomLevel": 0,
    "workbench.iconTheme": "vscode-icons",
    "typescript.check.tscVersion": false,
    "vsicons.projectDetection.disableDetect": true,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "eslint.autoFixOnSave": true,
    "tslint.autoFixOnSave": true
}

— Richard
fonte