Cara mudah me-reformat kode di Xcode

Cara mudah me-reformat kode di Xcode
Artikel ini berisi tip dan trik untuk mem-format kode yang ditulis di Xcode. Tip ini selain menggunakan fitur bawaan dari Xcode, juga akan menggunakan extensions dari Xcode.

Salah satu hal yang kali pertama saya cari pada waktu awal menggunakan Xcode adalah code formatter yang biasanya ada disetiap editor atau IDE. Namum ternyata saya tidak bisa menemukannya. Yang ada hanya sekedar fitur untuk merapikan posisi indent kode, yang tentu saja kurang maksimal. Berikut ini adalah 2 cara untuk merapikan atau memformat kode di Xcode.

Menggunakan Re-Indent

Ini adalah fitur bawaan dari Xcode yang sesuai dengan namanya, fungsi utamanya hanya untuk merapikan indent dari blok kode yang ditulis. Meski kurang maksimal, tetapi fitur ini boleh dibilang cukup membantu.

Untuk menggunakan fitur Re-Indent ini sangat mudah. Silahkan buka file yang ingin Anda rapikan. Kemudian select baris-baris yang ingin Anda rapikan. Pada contoh di bawah ini, Penulis ingin merapikan kode mulai dari baris nomor 34 sampai dengan 43.

Cara mudah me-reformat kode di Xcode
Merapikan kode dengan Re-Indent

Setelah men-select baris-baris yang ingin Anda rapikan, klik menu Editor > Structure > Re-Indent.

Cara mudah me-reformat kode di Xcode
Menu Re-Indent

Maka secara otomatis baris-baris tersebut akan dirapikan. Hasilnya cukup bagus dan sesuai untuk kondisi tertentu.

Cara mudah me-reformat kode di Xcode
Hasil Re-Indent

Kesimpulan:
Fitur Re-Indent ini hanya akan memperbaiki Indent saja. Fitur ini tidak akan memperbaiki jumlah spasi atau tanda kurung yang posisinya kurang pas. Jadi, fitur ini cukup membantu, akan tetapi tidak maksimal.

Menggunakan Extensions XCFormat

Alternatif lain adalah dengan menggunakan extensions dari Xcode, yang tentu saja mengharuskan Anda untuk menginstall terlebih dahulu extensions tersebut. Jika Anda mencari extensions code formatter untuk Xcode, mungkin Anda akan menemukan beberapa alternatif. Akan tetapi, berdasarkan pengalaman Penulis, salah satu extensions yang paling sesuai dan selalu di update adalah XCFormat.

Menginstall XCFormat

Langkah pertama adalah menginstall XCFormat dari App Store. Oleh karena itu silahkan buka App Store, lalu cari XCFormat, atau silahkan klik tautan ini App Store.

Cara mudah me-reformat kode di Xcode
XCFormat di App Store

Mengaktifkan extensions XCFormat

Setelah Anda selesai meng-install XCFormat. Selanjutnya Anda perlu meng-aktifkan extensions XCFormat tersebut. Silahkan jalankan XCFormat tersebut. Maka akan muncul informasi dari XCFormat dan langkah-langkah untuk mengaktifkan XCFormat.

Cara mudah me-reformat kode di Xcode
Tampilan XCFormat

Selanjutnya, silahkan buka System Preferences Mac Anda. Bisa dibuka dengan cara klik tombol Apple di pojok kiri atas. Lalu kli menu System Preferences.

System Preferences

Pada pilihan System Preferences, silahkan cari dan klik menu Extensions.

Cara mudah me-reformat kode di Xcode
Menu Extensions

Pada jendela System Preferences tersebut, silahkan klik menu Xcode Source Editor dibagian kiri. Kemudian silahkan centang pada bagian XCFormat. Maka dengan ini extension XCFormat sudah berhasil Anda aktifkan.

Cara mudah me-reformat kode di Xcode
Mengaktifkan XCFormat

Memformat kode dengan XCFormat

Jika pada saat Anda mengaktifkan XCFormat dalam kondisi Xcode sedang berjalan, maka silahkan Anda matikan terlebih dahulu Xcode Anda, lalu jalankan lagi Xcode.

Silahkan buka file yang ingin Anda reformat. Lalu select baris yang ingin Anda format. Untuk contoh di bawah ini adalah baris ke 22 sampai dengan 32.

Cara mudah me-reformat kode di Xcode
Sebelum di re-format dengan XCFormat

Lalu klik menu Editor > XCFormat > Format Active File atau Format Selected Lines.

Cara mudah me-reformat kode di Xcode
Menu XCFormat > Format Active File

Menu Format Active File untuk memformat keseluruhan file yang sedang Anda buka. Sedangkan menu Format Selected Lines untuk memformat file yang Anda buka hanya pada baris yang sedang Anda select.

Maka baris kode atau keseluruhan file tersebut akan ter-format dengan sangat rapi. Tidak hanya indent-nya saja, tetapi juga posisi kurung dan spasi juga akan diperbaiki.

Cara mudah me-reformat kode di Xcode
Setelah di re-format dengan XCFormat

Mensetting shortcut (optional)

Jika Anda kerepotan jika harus selalu klik menu Editor dan seterusnya setiap kali akan menformat file, maka Anda bisa men-setting shortcut untuk menu tersebut. Klik menu Xcode > Preferences.

Cara mudah me-reformat kode di Xcode
Xcode preferences

Pada jendela Preference tersebut, klik pada tab Key Bindings.

Cara mudah me-reformat kode di Xcode
Fitur Key Bindings/Shortcut

Pada isian filter, silahkan tuliskan xcformat untuk menampilkan pilihan untuk menu XCFormat.

Cara mudah me-reformat kode di Xcode
Shortcut untuk XCFormat

Lalu klik pada kolom Key, lalu tekan tombol kombinasi yang Anda inginkan. Untuk contoh ini, Penulis men-setting shortcut Ctrl + Shift + Command + I untuk menu Format Active File.

Cara mudah me-reformat kode di Xcode
Setting Shortcut untuk XCFormat

Dengan men-setting tombol shortcut ini, maka Anda akan dengan mudah mem-format kode hanya dengan menekan kombinasi tombol keyboard.

Kesimpulan:
Dengan menggunakan extensions XCFormat ini, jelas hasil formatting-nya jauh lebih baik jika dibandingkan dengan Re-Indent. Karena yang di-fornat tidak hanya indent-nya, melainkan juga komponen kode yang lain, seperti spasi, posisi kurung dan lain-lain. Selain itu XCFormat juga mendukung kode yang ditulis dengan Swift maupun Objective-C.

Sekian tip dan trik kali ini. Selamat mencoba dan semoga yang sedikit ini bermanfaat.

Tautan:
App Store
XCFormat