Как форматирате кода в кода на Visual Studio (VSCode)

Което е еквивалентно на Ctrl + K + F и Ctrl + K + D за Windows в Visual Studio за форматиране или декориране на код в редактора на кодове Visual Studio.

779
30 апр. определени от Brandon Clapp на 30 април 2015-04-30 19:43 '15 в 19:43 2015-04-30 19:43
@ 28 отговора

Форматирането на кода е налично в кода на VS, като се използват следните преки пътища:

  • Windows Shift + Alt + F
  • На Mac Shift + Option + F
  • В Ubuntu Ctrl + Shift + I

В допълнение, можете да намерите пряк път, както и други преки пътища, като използвате функциите за търсене, предоставени в редактора, като използвате Ctrl + Shift + P (или Command + Shift + P на Mac), и след това търсите формат на документ.

1329
30 апр. Отговор Brandon Clapp 30 април 2015-04-30 19:43 '15 в 19:43 2015-04-30 19:43

Можете да добавяте ключови свързвания към Настройки → Клавишни комбинации.

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

Или Visual Studio , например:

 { "key": "ctrl+k ctrl+d", "command": "editor.action.formatDocument" } 
146
01 мая '15 в 16:49 2015-05-01 16:49 отговорът е даден от kblok 01 май '15 в 16:49 2015-05-01 16:49

Бутон надясно + Alt + F

82
09 июля '15 в 13:57 2015-07-09 13:57 отговорът е даден от César 09 юли '15 в 13:57 2015-07-09 13:57

Намаляване на форматирането на кода:

Windows VSCode - Shift + Alt + F

VSCode на MacOS - Shift + Alt + F

VSCode на Ubuntu - Ctrl + Alt + I

Можете също да персонализирате този пряк път, като използвате настройката за предпочитания, ако е необходимо.

Форматиращият код при запазване на файл:

Кодът на Visual Studio позволява на потребителя да персонализира настройките по подразбиране.

Ако искате автоматично да форматирате съдържанието си по време на запазване, добавете този кодов фрагмент в настройките на работното пространство на визуалния код на студиото.

Файл → Настройки → Настройки на работното пространство

 { // 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" ] 

}

Забележка: сега можете автоматично да форматирате файловете с текстови пишещи файлове, за да проверите за актуализацията ми.

69
25 мая '16 в 9:25 2016-05-25 09:25 Отговорът е даден от Бхарати Деварасу на 25 май 2016 г. в 9:25 часа 2016-05-25 09:25

Също така имайте предвид, че понастоящем форматирането е достъпно за тези езици:

  • xml (те го изтриха , твърде много грешки)
  • HTML
  • JSON
  • Javascript
  • написан на пишеща машина
  • С #
57
04 мая '15 в 16:28 2015-05-04 16:28 Отговорът е даден от Johannes Rieken на 04 май '15 в 16:28 2015-05-04 16:28

VS Code 1.6.1 поддържа "Format On Save", който автоматично избира подходящите инсталирани разширения за форматиране и форматира целия документ всеки път, когато се записва.

Включете "Format On Save", като зададете настройка

 "editor.formatOnSave": true 

Налични са и бързи клавиши (VS код 1.7 и по-нови):

Формат на целия документ : Shift + Alt + F

Само избор на формат : Ctrl K + Ctrl F

29
28 окт. даден на Dariusz Oct 28. 2016-10-28 10:26 '16 в 10:26 2016-10-28 10:26

В Linux, Ctrl + Shift + I. В Windows, Alt + Shift + F. Тестван с HTML / CSS / JS и VsCode 1.18.0.

За други езици може да се наложи да инсталирате конкретен езиков пакет.

27
11 сент. Отговорът е даден от 11 декември на Dac Saunders 2015-09-11 11:36 '15 в 11:36 2015-09-11 11:36

На Ubuntu това е Ctrl + Shift + i

27
13 дек. Отговорът е даден ranbuch 13 декември. 2015-12-13 09:57 '15 в 9:57 2015-12-13 09:57

По някаква причина Alt + Shift + F не работи за мен на Mac VSC 1.3.1, всъщност командата "Document Format" не работи изобщо. Но екипът на Formatter работеше много добре.

Така че, можете да използвате Command + Shift + P и да въведете Formatter или да създадете свой собствен пряк път в секцията "Настройки / Клавишни комбинации" на Command + K Command + S , след това въведете Formatter и добавете пряк път към примера: 2019

Просто щракнете с десния бутон върху текста и изберете "кодов формат".

VS кодът използва вътрешно js-beautify, но няма възможност да променя стила, който искате да използвате. Разширението "decorate" ви позволява да добавяте настройки

21
30 сент. Отговорът е даден на Герфрид на 30 септември 2016-09-30 14:15 '16 в 14:15 ч. 2016-09-30 14:15

Shift + Alt + f работи само в 1.17.2 и по-висока.

14
19 окт. Отговор, даден от Piotrek Hryciuk 19 октомври 2017-10-19 13:40 '17 в 13:40 2017-10-19 13:40

В кода на Visual Studio Shift + Alt + F прави това, което Ctrl + K + D прави в Visual Studio.

13
28 июня '15 в 19:42 2015-06-28 19:42 отговорът беше даден от Бърк на 28 юни 2005 г. в 19:42 часа 2015-06-28 19:42

C# етикетът не работи за мен, докато инсталирах Mono за Mac OS X , DNVM и DNX . Преди да инсталирам Mono, клавишната комбинация за автоматично форматиране ( Shift + Alt + F ) работи само за .json файлове.

13
02 нояб. Отговор, даден от Jo Smo 02 Nov. 2015-11-02 17:18 '15 в 17:18 2015-11-02 17:18

В ключовите връзки има формат Shift + Alt + f
но за C ++, тя не работи (като 16 май), така че сега тя е преминала към Net Beans.

11
16 мая '16 в 5:26 2016-05-16 05:26 Отговорът е даден от Manohar Reddy Poreddy 16 май '16 в 5:26 2016-05-16 05:26

Ако промените поведението по подразбиране за кода на Visual Studio, е необходимо разширение, можете да замените поведението по подразбиране в работното пространство или потребителското ниво и да работите на повечето поддържани езици (мога да гарантирам html, javascript, С #)

Ниво на работното пространство

предимства

  • Не изисква разширяване
  • Можете да споделите екип.

резултати

  • .vscode/settings.json се създава в главната папка на проекта

Как?

  • Отидете на: Файл → Настройки → Настройки на работното пространство

  • Добавете и запазете "editor.formatOnType": true в settings.json (което отменя поведението по подразбиране за проекта, върху който работите, създавайки файл .vscode / settings.json). 2019

08 сент. Saturn Technologies отговори на 08 септември. 2016-09-08 11:13 '16 в 11:13 2016-09-08 11:13

По подразбиране този ключ не работи на моя HTML, CSS, JS-документ.

След като потърсих, намерих този популярен JS-CSS-HTML форматиращ плъгин с 133 796 инсталации.След инсталирането, просто презаредете прозорците и натиснете CTRL + SHIFT + F , и той ще работи!

4
09 янв. отговорът е даден mumair 09 януари. 2017-01-09 21:16 '17 в 21:16 2017-01-09 21:16

За Fedora

  • Щракнете върху FilePreferencesKeyboard shortcuts .
  • В Default Keyboard Shortcuts , потърсете ( Ctrl + F ) за editor.action.format .

Минимално "key": "ctrl+shift+i" четене "key": "ctrl+shift+i"

Можете също да го промените. Обърнете се към коментара в @kblok за това как ... или ако сте твърде мързеливи, за да превъртите нагоре:


Можете да добавите ключови свързвания в „Предпочитания-> Клавишни комбинации“

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

Или Visual Studio, например:

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


Забележка: cmd ключът е само за Mac компютри. За Windows и Fedora (Windows клавиатура) използвайте Ctrl

4
05 авг. отговорът е даден manucpp 05 aug. 2016-08-05 08:26 '16 в 8:26 ч. 2016-08-05 08:26

Просто инсталирайте Microsoft Visual Studio Keymap . Проблемът е решен

4
23 янв. отговор, даден от Rudy Jan 23 2017-01-23 18:41 '17 в 18:41 2017-01-23 18:41

Първо трябва да инсталирате подходящия плъгин (т.е. XML, C # и т.н.). Форматирането няма да е налично, докато не сте инсталирали съответния плъгин и не сте запазили файла със съответното разширение.

3
08 сент. Отговорът е даден на Nigel Feasey 08 Sep. 2016-09-08 23:34 '16 в 23:34 ч. 2016-09-08 23:34

За тези, които искат да персонализират JavaScript файловете за форматиране, можете да използвате всяко разширение в свойството JSfiles , както и за HTML.

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

Това ще ви позволи да декорирате докато записвате TypeScript, можете да добавите HTML вариант към XML.

3
04 сент. Отговорът е даден от Рик 04 Сеп. 2016-09-04 00:54 '16 в 0:54 2016-09-04 00:54

Най-лесният начин да използвате vscode (ubuntu) е:

Изберете текста, който искате да форматирате с мишката.

Right click и изберете "format selection"

3
24 мая '17 в 12:07 2017-05-24 12:07 отговорът е даден Аш 24 май '17 в 12:07 2017-05-24 12:07

На Mac използвайте командата + K и след това командата + F.

1
14 июня '17 в 14:54 2017-06-14 14:54 отговорът е даден от Гопал Девра на 14.06.17 в 14:54 2017-06-14 14:54

Код на Visual Studio LINUX:

Ctrl + [за да освободите ctrl +], за да направите масивен отстъп

1
20 сент. отговорът е даден от Адам 20 сеп 2016-09-20 17:43 '16 в 17:43 ч. 2016-09-20 17:43

Ако искате да персонализирате стила на форматиран документ, трябва да използвате разширение Decorate .

Вижте този заснемане на екрана:

1
01 нояб. отговорът е даден от Jerry Ni 01 Nov. 2017-11-01 12:35 '17 в 12:35 2017-11-01 12:35

не това, използвайте това: Файл → Настройки → Опции на работното пространство „editor.formatOnType“: true

1
27 июля '16 в 6:37 2016-07-27 06:37 отговорът е даден 杨恩锋 27 юли '16 в 6:37 2016-07-27 06:37

Използвайте разширение ..

Активира автоматично форматиране на кода при запазване на файл.

Стартирайте VS Code Quick Open ( Ctrl + P ), поставете следната команда и натиснете Enter.

ext инсталирате формат-на-спаси

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

1
17 авг. Отговор, даден от Гюха Шин 17 август. 2016-08-17 10:44 '16 в 10:44 2016-08-17 10:44

Можете да се обърнете към линка по-долу за форматиране на кратки съкращения.

https://code.visualstudio.com/Docs/>