Kako formatirate kôd u kodu Visual Studio (VSCode)

Što je ekvivalentno Ctrl + K + F i Ctrl + K + D za Windows u Visual Studiou za formatiranje ili dekoriranje koda u uređivaču koda Visual Studio.

779
30 апр. postavila Brandon Clapp 30. travnja 2015-04-30 19:43 '15 u 19:43 2015-04-30 19:43
@ 28 odgovora

Formatiranje koda dostupno je u VS kodu pomoću sljedećih prečaca:

  • Windows Shift + Alt + F
  • Na Mac Shift + Option + F
  • U Ubuntu Ctrl + Shift + I

Osim toga, možete pronaći prečac, kao i druge prečace, pomoću funkcija pretraživanja u uređivaču, koristeći Ctrl + Shift + P (ili Command + Shift + P na Mac računalu), a zatim potražite format dokumenta.

1329
30 апр. Odgovoriti Brandon Clapp 30. travnja 2015-04-30 19:43 '15 u 19:43 2015-04-30 19:43

Vezove tipki možete dodati u Postavke → Prečaci tipkovnice .

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

Ili Visual Studio , na primjer:

 { "key": "ctrl+k ctrl+d", "command": "editor.action.formatDocument" } 
146
01 мая '15 в 16:49 2015-05-01 16:49 odgovor je dao kblok 01 svibanj '15 u 16:49 2015-05-01 16:49

Tipka desnog pomaka + alt + f

82
09 июля '15 в 13:57 2015-07-09 13:57 odgovor je dao César 09. srpnja u 13:57 sati 2015-07-09 13:57

Smanjenje oblikovanja koda:

Windows VSCode - Shift + Alt + F

VSCode na MacOS - Shift + Alt + F

VSCode na Ubuntu - Ctrl + Alt + I

Također možete prilagoditi ovaj prečac koristeći postavke preferenci ako je potrebno.

Formatiranje kod spremanja datoteke:

Visual Studio kod omogućuje korisniku prilagođavanje zadanih postavki.

Ako želite automatski spremiti sadržaj tijekom spremanja, dodajte ovaj isječak koda u postavke radnog prostora vizualnog koda studija.

Datoteka → Postavke → Postavke radnog prostora

 { // Controls if the editor should automatically format the line after typing "beautify.onSave": true, "editor.formatOnSave": true, // You can auto formate any files based on extensions type. "beautify.JSfiles": [ "js", "json", "jsbeautifyrc", "jshintrc", "ts" ] 

}

Napomena: sada možete automatski formatirati datoteke tipkala da biste provjerili moje ažuriranje.

69
25 мая '16 в 9:25 2016-05-25 09:25 Odgovor je dao Bharathi Devarasu 25. svibnja u 9:25 sati 2016-05-25 09:25

Također imajte na umu da je oblikovanje trenutno dostupno za ove jezike:

  • xml ( izbrisali su , previše pogrešaka)
  • HTML
  • JSON
  • Javascript
  • kucana kopija
  • S #
57
04 мая '15 в 16:28 2015-05-04 16:28 Odgovor je dao Johannes Rieken dana 04. svibnja '15 u 16:28 2015-05-04 16:28

VS kod 1.6.1 podržava "Format On Save", koji automatski odabire odgovarajuće instalirane ekstenzije formata i formatira cijeli dokument pri svakom spremanju.

Uključite "Format On Save" podešavanjem

 "editor.formatOnSave": true 

Dostupne su i tipke prečaca (VS kod 1.7 i novije):

Format cijelog dokumenta : Shift + Alt + F

Samo odabir formata : Ctrl K + Ctrl F

29
28 окт. odgovor dan Dariusz 28. listopada. 2016-10-28 10:26 '16 u 10:26 2016-10-28 10:26

U Linuxu, Ctrl + Shift + I. U sustavu Windows Alt + Shift + F. Testirano pomoću HTML / CSS / JS i VsCode 1.18.0.

Za druge jezike možda ćete morati instalirati određeni jezični paket.

27
11 сент. Odgovor daje Dac Saunders 11. rujna 2015-09-11 11:36 '15 u 11:36 2015-09-11 11:36

Na ubuntuu ovo je Ctrl + Shift + i

27
13 дек. Odgovor je dat ranbuch 13 dec. 2015-12-13 09:57 '15 u 9:57 2015-12-13 09:57

Iz nekog razloga, Alt + Shift + F ne radi za mene na Mac VSC 1.3.1, u stvari, "Document Format" naredba ne radi uopće. Ali tim Formattera radio je jako dobro.

Dakle, možete koristiti Command + Shift + P i upisati Formatter ili stvoriti vlastiti prečac u odjeljku "Postavke / prečice na tipkovnici" u Command + K Command + S , zatim upišite Formatter i dodajte prečac na primjer: 2019

30 июня '17 в 11:28 2017-06-30 11:28 Odgovor Aleksandra Tymczenka dana 30. lipnja 2006. u 11:28 2017-06-30 11:28

Samo desnom tipkom miša kliknite tekst i odaberite "kodni format".

VS kod interno koristi js-beautify, ali mu nedostaje mogućnost promjene stila koji želite koristiti. Proširenje "ukrasite" omogućuje dodavanje postavki

21
30 сент. Odgovor je dat Gerfriedu 30. rujna 2016-09-30 14:15 '16 u 14:15 sati 2016-09-30 14:15

Shift + Alt + f radi samo u 1.17.2 i više.

14
19 окт. Odgovor dao Piotrek Hryciuk 19. listopada 2017-10-19 13:40 '17 u 13:40 2017-10-19 13:40

U kodu Visual Studio, Shift + Alt + F čini ono što Ctrl + K + D radi u Visual Studiou.

13
28 июня '15 в 19:42 2015-06-28 19:42 odgovor je dao Burk 28. lipnja '15. u 19:42 sati 2015-06-28 19:42

Oznaka C# mi nije DNVM dok nisam instalirao Mono za Mac OS X , DNVM i DNX . Prije instaliranja Mono, prečac automatskog formata ( Shift + Alt + F ) radio je samo za .json datoteke.

13
02 нояб. Odgovor Jo Smo 02. studenog. 2015-11-02 17:18 '15 u 17:18 2015-11-02 17:18

U vezama tipki nalazi se format Shift + Alt + f
ali za C + +, to ne radi (kao 16. svibnja), tako da sada je prebacio na neto grah.

11
16 мая '16 в 5:26 2016-05-16 05:26 Odgovor daje Manohar Reddy Poreddy 16. svibanj '16 u 5:26 2016-05-16 05:26

Ako promijenite zadano ponašanje za Visual Studio kod, potrebno je proširenje, možete poništiti zadano ponašanje na radnom prostoru ili razini korisnika i raditi na većini podržanih jezika (mogu jamčiti html, javascript, S #)

Razina radnog prostora

prednosti

  • Ne zahtijeva proširenje
  • Možete dijeliti tim.

rezultati

  • .vscode/settings.json se stvara u korijenskoj mapi projekta

Kako?

  • Idite na: Datoteka → Postavke → Postavke radnog prostora

  • Dodajte i spremite "editor.formatOnType": true u settings.json (koji nadjačava zadano ponašanje projekta na kojem radite, stvarajući .vscode / settings.json datoteku). 2019

08 сент. Saturn Technologies odgovorio je 08 rujna. 2016-09-08 11:13 '16 u 11:13 2016-09-08 11:13

Po defaultu, ovaj ključ nije funkcionirao na mom HTML, CSS, JS-dokumentu.

Nakon pretraživanja, pronašao sam ovaj popularni JS-CSS-HTML formatter plugin s 133.796 instalacijama.Nakon instalacije, samo ponovno učitajte prozore i pritisnite CTRL + SHIFT + F , i to će raditi!

4
09 янв. odgovor je dat mumair 09 jan. 2017-01-09 21:16 '17 u 21:16 2017-01-09 21:16

Za Fedoru

  • Kliknite FilePreferencesKeyboard shortcuts .
  • U editor.action.format Default Keyboard Shortcuts , pretražite ( Ctrl + F ) za editor.action.format .

Najmanji "key": "ctrl+shift+i" čitanje "key": "ctrl+shift+i"

Možete ga i promijeniti. Pogledajte komentar na @kblok o tome kako ... ili ako ste previše lijen za pomicanje gore:


Veze ključeva možete dodati u "Postavke-> prečaci na tipkovnici"

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

Ili Visual Studio, na primjer:

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


Napomena: cmd ključ je samo za Mac računala. Za Windows i Fedora (Windows tipkovnica) koristite Ctrl

4
05 авг. odgovor je dan manucpp 05 aug. 2016-08-05 08:26 '16 u 8:26 am 2016-08-05 08:26

Samo instalirajte Microsoft Visual Studio Keymap . Problem riješen.: P

4
23 янв. odgovor od Rudy Jan 23 2017-01-23 18:41 '17 u 18:41 2017-01-23 18:41

Najprije morate instalirati odgovarajući dodatak (npr. XML, C #, itd.). Formatiranje neće biti dostupno dok ne instalirate odgovarajući dodatak i spremite datoteku s odgovarajućim nastavkom.

3
08 сент. Odgovor je dat Nigelu Feaseyju 08. rujna. 2016-09-08 23:34 '16 u 23:34 2016-09-08 23:34

Za one koji žele prilagoditi JavaScript datoteke za oblikovanje, možete koristiti bilo koje proširenje u JSfiles , kao i za HTML.

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

To će vam omogućiti da ukrasite dok spremate TypeScript, možete dodati HTML varijantu u XML.

3
04 сент. odgovor je dat Rick 04 Sep 2016-09-04 00:54 '16 u 0:54 2016-09-04 00:54

Najlakši način za korištenje vscode (ubuntu) je:

Pomoću miša odaberite tekst koji želite formatirati.

Right click i odaberite "format selection"

3
24 мая '17 в 12:07 2017-05-24 12:07 odgovor je dat Ash 24. svibnja '17 u 12:07 2017-05-24 12:07

Na Mac računalu koristite naredbu + K, a zatim naredbu + F.

1
14 июня '17 в 14:54 2017-06-14 14:54 odgovor je dao Gopal Devra 14. lipnja 2006. u 14:54 2017-06-14 14:54

Visual Studio LINUX kod:

Ctrl + [da biste izgubili ctrl +] da biste napravili masivnu uvlaku

1
20 сент. odgovor je dao Adam 20 sep 2016-09-20 17:43 '16 u 17:43 2016-09-20 17:43

Ako želite prilagoditi stil oblikovanog dokumenta, morate koristiti proširenje Ukrasite .

Pogledajte ovo snimanje zaslona:

1
01 нояб. odgovor je dao Jerry Ni 01 Nov. 2017-11-01 12:35 '17 u 12:35 2017-11-01 12:35

ne ovo, koristite ovu: Datoteka → Postavke → Opcije radnog prostora "editor.formatOnType": true

1
27 июля '16 в 6:37 2016-07-27 06:37 odgovor je dan 杨恩锋 27. srpnja '16 u 6:37 2016-07-27 06:37

Upotrijebi proširenje ..

Omogućuje automatsko formatiranje koda prilikom spremanja datoteke.

Pokrenite VS Code Quick Open ( Ctrl + P ), zalijepite sljedeću naredbu i pritisnite Enter.

ext instalirajte format-on-save

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

1
17 авг. Odgovor koji je dao Gyuha Shin 17. kol. 2016-08-17 10:44 '16 u 10:44 2016-08-17 10:44