Here:
https://social.msdn.microsoft.com/Forums/de-DE/b77c7529-298f-4b9a-874a-f94f699986ac/automatically-formatting-xaml-code?forum=vswpfdesigner
... it is written that one can use "Ctrl+K+D" ... but that didn't work.
I also tried "shift + alt + F", which was suggested here:
How do you format code in Visual Studio Code (VSCode)
... it didn't work either.
So my question is: how can you automatically format XAML code in Visual Studio?
Probably your formatting options are wrong, go to: Tools -> Options -> Text Editor -> XAML -> Formatting -> Spacing and on Attribute Spacing section click "Position each attribute on a separete line" and then try "Ctrl+K+D" again.
I would check out XAML Styler, which is a Visual Studio extension to help format your XAML source code (full disclosure, I am one of the owners on the project).
Edit: Forgot to mention that Visual Studio does not have a very rich set of XAML formatting capabilities on its own.
Shortcut key for XAML formatting in Visual Studio for Mac machines: Ctrl+I
In case you guys still don't know how...
It's called 'Format Document', you can find it inside menu:
Edit => Advanced => Format Document
There is also shortcut for it:
Ctrl+E then Ctrl+D
This works for most document, including XAML.
EDIT: When this post was made, I was using VS 2017
I use Xaml Formatter. Works pretty good for me. You will just have to assign code formatting with Xaml Formatter to a Ctrl+K Ctrl+D shortcut in Xaml files, since it is not done by default (it's creating Format Xaml option in Tools menu).
Also Inline Color Picker is a very simple but extremely useful extension if you are developing a lot of Xaml code.
Try using "XML Tools" for VS Code, the shortcut is Alt + Shift + F
For anyone who is searching for kind of combining "Insert a single space between attributes" and "Position each attribute on a seperate line" I found this solution:
Tools -> Options -> Text Editor -> XAML -> Formatting -> General -> Tag Wrapping
and tick "Wrap tags that exceed specified length".
Self-explanatory that one can adjust the length in the following input field.
Sorry for my question, but can anyone say how can I remove this dots, there is a any shortcur or other way
Edit -> Advanced -> View White Space
or you can use the Ctrl+R, Ctrl+W keyboard shortcut.
Here's how to turn them on, I'd imagine you can use the same menu to disable them again.
If you don't want to click that link, it's under "Edit > Advanced > View White Space"
I know Visual Studio can auto format to make my methods and loops indented properly, but I cannot find the setting.
To format a selection: Ctrl+K, Ctrl+F
To format a document: Ctrl+K, Ctrl+D
See the pre-defined keyboard shortcuts. (These two are Edit.FormatSelection and Edit.FormatDocument.)
Note for macOS
On macOS, use the CMD ⌘ key instead of Ctrl:
To format a selection: CMD ⌘+K, CMD ⌘+F
To format a document:
CMD ⌘+K, CMD ⌘+D
For Visual Studio 2010/2013/2015/2017/2019
Format Document (Ctrl+K,Ctrl+D), i.e. press&hold Ctrl, press&release K then tap D as it is a sequence
Format Selection (Ctrl+K,Ctrl+F)
Toolbar Edit -> Advanced (If you can't see Advanced, select a code file in solution explorer and try again)
Your shortcuts might display differently to mine as I am set up for C# coding but navigating via the toolbar will get you to your ones.
If it isn't working, look for errors in your code, like missing brackets which stop auto format from working
I have installed an extension named "Format document on Save" which formats the whole document every time you save it.
For installing it in Visual Studio 2015 or Visual Studio 2017, on Tools just click the "Extensions and Updates...":
And then just go to "Online" at the left panel and search for "Format document on save":
Go to menu Tools → Extensions & Updates and type "productivity" in search:
Install 'Productivity Power Tools 2015'
Restart Visual Studio.
Go to menu Tools → Options → Productivity Power Tools → Power Commands and check "Format document on save":
Note: In VS2022 we don't have power commands.
If anyone want to have "Format document on save" and "Remove and sort using on save" install Mads Kristensen extension for VS2022 https://marketplace.visualstudio.com/items?itemName=MadsKristensen.CodeCleanupOnSave
After installing this extension it will automatically "Format document on save", "Remove and sort using on save" and "Apply file header preferences".
If we want to customize default settings click on "Configure Code Cleanup" menu item to add/remove any available fixers.
Visual Studio 2019 & 2022
Format Document, While you're holding down Ctrl button, first press K then D
Format Selection, While you're holding down Ctrl button, first press K then F
or just click Edit => Advanced => Format Document / Format Selection
Follow the steps below:
Go to menu Tools
Go to Options
Go to the Text Editor options
Click the language of your choice. I used C# as an example.
See the below image:
You can define new key bindings by going to Tools → Options → Environment → keyboard:
On mac : Shift + Option + F
On ubuntu : Ctrl + Shift + I
SinceVisual Studio 2022 17.1 there is a builtin Feature to run code formatting on save (see devblogs.microsoft), meaning there is no need to install extensions like Format document on Save.
In Visual Studio 2017, 2019, 2022
Format Document is Ctrl + E, D.
But...if you want to add the Format Document button to a tool bar do this:
Right click on tool bar.
Select "Customize.."
Select the "Commands" Tab.
Select the "Toolbar" radio button.
Select "Text Editor" from the pull down next to the radio button (or whatever tool bar you want the button on)
Now...
Click the Add Command button.
Categories: Edit
Commands: Document Format
Click OK
I used to use these combinations. I automated this process on Save of a document. You can try my extension Format Document on Save.
If you display the HTML Source Editing toolbar, there is a "Format the Whole Document" button as well.
The solution provided in accepted answer does not apply to Microsoft Visual Studio 2012.
In case of Visual Studio 2012, the shortcuts are:
For a highlighted block of code:
Ctrl + K, Ctrl + F
For the document-wide formatting:
Ctrl + K, Ctrl + D
In Visual Studio 2019 , "Code Cleanup" (RunDefaultCodeCleanup) is more advanced (taken from ReSharper):
Ctrl + K, Ctrl + E
Options dialog box: Text Editor → C# → Code Style → Formatting
Auto formatting settings in Visual Studio
Select the text you want to automatically indent.
Click menu Edit → Advanced → *Format Selection, or press Ctrl + K, Ctrl + F. Format Selection applies the smart indenting rules for the language in which you are programming to the selected text.
Step (1): Ctrl + A
Step (2): Ctrl + K
Step (3): Ctrl + F
Under menu Tools → Options → Text Editor, then going to the Formatting → General section of whatever language you wish to format you will find General. Check all three formatting check-boxes.
Under menuTools → Options → Text Editor, then going to the TABS section of whatever language you wish to format you will find Indenting. Select Smart and it will activate automatic formatting whenever you use one of the closing elements ; ) } within that block.
There isn't any need for keystrokes.
You can add the buttons to your toolbar by clicking the little drop down arrow to the right of the last toolbar button, select "Add or Remove Buttons" and then click the buttons you want to add a tick to them. The button(s) you select will appear on your toolbar ...
Then you just select text and click the Increase Indent or Decrease Indent buttons. I tested this on Visual Studio 2013 only.
In newer versions, the shortcut for the document-wide formatting is: Shift + Alt + F
Right click:
It works in Visual Studio 2015, maybe earlier version.
The original question said "I cannot find the setting."
Simple answer is: Look at top menu, then
Edit --> Advanced --> Format Document
You will also see the currently assigned key strokes for that function. Nothing special to memorize. This really helps if you use multiple developer environments on different operating systems.
Select the data and the right click and you will find this option.
Format Document and Format Selection:
Just to further Starwfanatic and Ewan's answers, you can customise your IDE to add any button to any toolbar - so you can add the Format button (as the HTML Source Editing toolbar has) to any other toolbar (like Text Editing with all the other edit controls like increase/decrease indent).
Click the arrow to the right of the toolbar → Add or Remove Buttons → Customize... → Commands tab → button.
Document Format and Selection Format are both under the Edit group.
(Tested in Visual Studio 2010 and Visual Studio 2013)
Windows Shift + Alt + F
MacOS Shift + Option + F
Linux Ctrl + Shift + I
With the Continuous Formatting extension (commercial, developed by me), the code is formatted really automatically as you type.
Visual Studio Extension - CodeMaid is pretty fine.
In Visual Studio 2015 and 2017 for C# code.
Scroll to the end of the file
Remove the last "curly bracket", }
Wait until the line above it shows an error
Replace the "curly bracket", }
Fini. :)
If it's still not working then you can select your entire document, copy and paste and it will reformat.
So ...
Ctrl + A
Ctrl + C
Ctrl + V
This is the only thing that I have found that works in Visual Studio Community Edition on Mac.
It's Shift + Alt + F in Windows.
But you can always double check by doing following.
Go to menu View → Command Palette or press Ctrl + Shift + P
Search for Format Document
You can press that to Auto Format Code or its hot key, written in front of it.
You can also use the CodeMaid Extension.
You can get the extension from Visual Studio Market Place.
Here is the link to the extension. CodeMaid
If you can afford it (or if you're eligible for the 30-day free trial) JetBrains' ReSharper can reformat a whole project directory.
Just install → right-click a directory → select Cleanup Code from the context menu.
While editing javascript content VisualStudio is starting to bug me with how it keeps inserting highlighted suggestions. For example it keeps inserting valueOf( if I type val(. This is really annoying.
I want to invoke intellisense manually just like I can with C#, is there any way of turning off the auto-complete suggestion or at least preventing it from selecting an entry for me?
In Visual Studio Tools > Options > Text Editor > JScript
In corresponding panel as Statement completion
Uncheck Autolist members & Parameter Information
I think that should do the trick
I realize resharper isn't mentioned in the question, however there is an easy solution if you're using it.
Navigate to Resharper -> Options -> Intellisense -> Completing Character. Once there, add ".val(" to the "Do not complete on" text field beside the JavaScript row.
Like so:
I tried Myra's solution but it didn't solve it completely for me due to ReSharper. Turned out it was the ReSharper intellisense that autocompleted whatever I was writing to the current/top option in the intellisense list, not the VS default intellisense.
I fixed this by turning off ReSharper's JavaScript support completely by going to ReSharper -> Options -> Products & Features -> Uncheck JavaScript and TypeScript.
This might not be a good solution if you depend on any other JavaScript- or TypeScript-related features in ReSharper but I finally got control of the intellisense. Peace, at last...
(Just to be clear, I still have the "Autolist members" and "Parameter Information" options as described in Myra's post above checked/activated, and the "Only use Tab or Enter to commit" option as described in Brett Ryan's comment above also checked/activated)
for me it was also resharper (replacing my .each with .forEach), and what I did is go to
menu
Resharper -> Options
Environment -> IntelliSense -> Autopopup
select JavaScript tab
"After dot" -> select "Display but do not preselect" in the dropdown
I am trying to find a way to disable Design / Split views from appearing in Visual Studio. I figure there's no way to completely disable it, but I still can't seem to find a way to remove the shortcut (F7), or remove the buttons from the bottom bar.
The best I found was:
for HTML/ASPX - Options -> HTML Designer -> start pages in source view
for XAML -> Options -> Text Editor -> XAML -> Misc -> Always open documents in full XAML view
The keyboard shortcut is listed under View.ToggleDesigner.
I just want to be able to disable the Design view; the F7 shortcut is rather handy for swapping between source and code behind when doing web development.
Short blog post here apparently has an answer for this problem
http://renaissauce.com/thoughts/visual-studio-2008-tip-remove-the-design-split-source-button-bar/
You should be able to delete the keyboard assignment for F7 in the Keyboard Customization screen. All hotkey assignments are customizable AFAIK.
I doubt there's any way to get rid of the buttons on the UI.
Here is a solution for XAML