Postavke
- Editor: Word Wrap ON
- Editor: Tab Size 4
- Prettier: Tab Width 4
- Features > Explorer > Compact Folder (isključiti) ako želimo da se svaka folder tree grana bude u svom redu
Emmet
Emmet je skup dodataka za uređivače teksta koji omogućuje brzo kodiranje i uređivanje u HTML, XML, XSLT i drugim formatima strukturiranog koda. Unošenjem kratkih izraza generiraju se HTML i CSS oznake.
Podrška za Emmet isječke i proširenja (snippets & expansion) ugrađena je izravno u Visual Studio Code, nije potrebno instaliranje dodatne ekstenzije.
- ! – ispisuje head HTML dokumenta
- Ctrl + ? – stavlja izabrani tekst u oznake za komentar ili samo ispisuje oznake ako ništa nije izabrano
- Shift + Alt + Up/Down (strelice) – kopira gore ili dolje red na početku kojeg je pozicioniran kursor ili kopira sav izabrani dio teksta
Ekstenzije
Prettier Code Formatter
Formatiranje koda sa Shift + Alt +F
Uključivanje automatskog formatiranja kod spremanja: Settings > Text Editor > Formatting > Format on Save
Live Server
Za pokretanje razvojnog lokalnog poslužitelja (development local server) koji ponovo učitava stranice nakon svakog spremanja.
Pokreće sa sa gumbom dolje desno Go Live ili desna tipka miša: Open with Live Server.
Auto Rename Tag
Automatski preimenuje drugi dio uparenog HTML taga.
Todo