2015-12-23 16 views
6

Uso il codice VS da un po 'di tempo e lo adoro. Ma c'è un piccolo problema con la formattazione del codice. Non funziona nei file manubri (*.hbs). Questa opzione è semplicemente non disponibile durante la modifica del file hbs.VSCODE - Formattazione del codice nei file * .hbs

Ho provato l'estensione 'Beautify', ma non funziona correttamente per i manubri - distrugge completamente il codice.

Qualsiasi aiuto (o spiegazione di cosa sto sbagliando) su questo argomento sarebbe molto apprezzato.

MODIFICA: lo stesso problema si applica ai file * .scss. Impossibile formattare neanche quelli.

+0

ho aggiunto un problema al vs codice su github come questo sembra un bug per me. Puoi seguirlo qui https://github.com/Microsoft/vscode/issues/1735 –

+0

Ok, grazie per averlo segnalato. – Greg

risposta

4

È possibile fare clic nell'angolo in basso a destra su "Handlebars" e modificare la modalità lingua in HTML. Quindi verrà visualizzata l'opzione 'format code'.

+0

Grazie ha aiutato e ho potuto formattare automaticamente. Purtroppo non ricorda l'impostazione del file e torna all'opzione auto-configurata quando si riapre il file. :( – rmcsharry

+1

Vai alle impostazioni utente tramite il menu file e aggiungi le seguenti impostazioni per mantenere la preferenza di gestire *.file hbs come file HTML: '" files.associations ": { " * .hbs ":" html " }' –

+0

Non necessario ora. L'aggiornamento 1.15 rilasciato ieri include un tema per i modelli di manubri in Ember chiamato "Ember Frost". È terribilmente fantastico! Soprattutto se lo abbini all'icona infiniti pack :) – rmcsharry

0

Per formattare manualmente il codice:

Diciamo che il file .hbs su cui stiamo lavorando è un file .js.

  • Fare clic l'opzione della lingua del file (lato destro verso il basso)

file language option

  • Modifica della lingua file .js

file language to javascript

  • Fare clic in qualsiasi file
  • Press MaiuscAltF

Per automaticamente codice del formato del salvataggio:

  • Press Ctrl, per aprire utente preferenze
  • Digitare il seguente codice nel file di impostazioni aperto il file
 

    { 
     "editor.formatOnSave": true, 
     "html.format.enable": true, 
     "html.format.indentHandlebars": true, 
     "html.format.maxPreserveNewLines": 0 
    } 
 
  • Salva

Source

Problemi correlati