Easy way to re-format/beautify code in Xcode
Learn how to enhance your code's readability using Xcode's Re-Indent dan XCFormat feature. Follow step-by-step instructions for a cleaner code structure.
This article contains tips and tricks for formatting code written in Xcode. In addition to using Xcode's built-in features, these tips will also use Xcode extensions.
One of the first things I looked for when I started using Xcode was a code formatter, which is usually available in every editor or IDE. However, I couldn't find it. All that was available was a feature to tidy up the code's indent positions, which of course is not very optimal. Here are 2 ways to tidy up or format code in Xcode.
Re-Indent: A Built-In Solution
This is a built-in Xcode feature which, as the name implies, mainly functions to tidy up the indents of code blocks that have been written. Although not very comprehensive, this Re-Indent feature can be said to be quite helpful.
Using this Re-Indent feature is very easy. Please open the file you want to tidy up. Then select the lines you want to tidy up. In the example below, the Author wants to tidy up the code starting from line 34 to 43.
After selecting the lines you want to tidy up, click the Editor > Structure > Re-Indent menu.
The selected lines will automatically be tidied up. The results are quite good and suitable for certain conditions.
Conclusion:
The Re-Indent feature will only fix the indentation. This feature will not fix the number of spaces or bracket positions that are poorly positioned. So, this feature is quite helpful, but not optimal.
XCFormat Extension: Taking Code Formatting to the Next Level
Another alternative is to use Xcode extensions, which of course requires you to first install the extensions. If you are looking for a code formatter extension for Xcode, you may find several alternatives. However, in the Author's experience, one of the most suitable extensions that is always up-to-date is XCFormat.
#Installing XCFormat
The first step is to install XCFormat from the App Store. Therefore, please open the App Store, then search for XCFormat, or please click on this App Store link.
#Activating the XCFormat Extension
After you have finished installing XCFormat. Next you need to activate the XCFormat extension. Please run XCFormat.
Information from XCFormat will appear along with steps to activate XCFormat.
Next, please open your Mac's System Preferences. It can be opened by clicking the Apple button in the top left corner. Then click the System Preferences menu.
In the System Preferences options, please search for and click on the Extensions menu.
In that System Preferences window, please click on the Xcode Source Editor section on the left. Then please check the XCFormat section. This will successfully activate the XCFormat extension.
#Formatting Code with XCFormat
If Xcode is currently running when you activate XCFormat, please close Xcode first, then run Xcode again.
Please open the file you want to reformat. Then select the lines you want to format. For the example below it is lines 22 to 32.
Then click the Editor > XCFormat > Format Active File or Format Selected Lines menu.
The Format Active File menu is to format the entire file you have open. While the Format Selected Lines menu is to format the file you have open only on the lines you have selected.
The selected code lines or entire file will be formatted very neatly. Not only the indentation, but also the position of the brackets and spaces will also be fixed.
#Setting Shortcuts (Optional)
If it is inconvenient to always have to click the Editor menu, etc. every time you want to re-format a file, then you can set shortcuts for those menus as follow.
Click Xcode > Preferences.
On the Preferences window, click the Key Bindings tab.
In the filter field, please type xcformat to display the menu options for XCFormat.
Then click the Key column, then press the key combination you want. For this example, the Author sets the Ctrl + Shift + Command + I shortcut for the Format Active File menu.
By setting this keyboard shortcut, you will be able to easily format code just by pressing a combination of keyboard buttons.
Conclusion:
By using the XCFormat extension, the formatting results are clearly much better when compared to using Re-Indent. Because what is formatted is not only the indentation, but also other code components, such as spaces, bracket positions and others. In addition, XCFormat also supports code written in Swift and Objective-C.
That concludes this tip and trick. Please try it out, hopefully this little bit will be useful.