2015-12-23 35 views
6

Od pewnego czasu używam kodu VS i bardzo mi się podoba. Ale jest mały problem z formatowaniem kodu. Nie działa w plikach kierownicy (*.hbs). Ta opcja jest po prostu niedostępna podczas edycji pliku hbs.VSCODE - Formatowanie kodu w plikach * .hbs

Próbowałem "" rozszerzenie, ale nie działa poprawnie dla kierownicy - całkowicie niszczy kod.

Każda pomoc (lub wyjaśnienie, co robię źle) na ten temat byłaby bardzo doceniana.

EDYCJA: ten sam problem dotyczy plików * .scss. Nie można ich również sformatować.

+0

Dodałem problem do vs kod na github, jak to wygląda na błąd, że otwarte ustawienia Dla mnie. Możesz śledzić go tutaj https://github.com/Microsoft/vscode/issues/1735 –

+0

OK, dzięki za zgłoszenie tego. – Greg

Odpowiedz

4

Możesz kliknąć w prawym dolnym rogu na "Handlebars" i zmienić tryb języka na HTML. Następnie zostanie wyświetlona opcja "Kod formatu".

+0

Dzięki temu pomogłem i mogłem autoformatować. Niestety nie pamięta ustawienia pliku i po ponownym otwarciu pliku wraca do automatycznie skonfigurowanej opcji. :( – rmcsharry

+1

Przejdź do ustawień użytkownika za pośrednictwem menu plików i dodaj następujące ustawienie, aby nie ustawiać preferencji obsługi *.Pliki hbs jako pliki HTML: '" files.associations ": { " * .hbs ":" html " }' –

+0

Nie potrzebne teraz. Aktualizacja 1.15 opublikowana wczoraj zawiera motyw szablonów kierownicy w Ember o nazwie "Ember Frost". To friggin niesamowite! Zwłaszcza jeśli połączysz go z ikoną infiniti pack :) – rmcsharry

0

Aby ręcznie formatować kod:

Powiedzmy plik .hbs pracujemy na to plik .js.

  • Kliknij opcję Plik języka (po prawej stronie w dół)

file language option

  • Zmień język plik do .js

file language to javascript

  • Kliknij w dowolnym miejscu pliku
  • Prasa PrzesunięcieAltF

aby automatycznie kod formatu na zapisać:

  • Prasa Ctrl, otworzyć użytkownikowi preferencje
  • Wprowadź poniższy kod w pliku
 

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

Source