Mengubah Code Editor Menjadi Sesuatu Yang Menyenangkan

       

Tips Mengubah Code Editor Agar Tidak Membosankan

Visual Studio Code

Disclaimer: Code Editor yang digunakan dalam pembahasan kali ini adalah Visual Studio Code, jadi mungkin untuk beberapa code editor lain caranya agak berbeda atau mungkin sangat berbeda

Gambar 1

Gambar 2

Dari kedua gambar diatas coba bandingkan, anda lebih suka tampilan yang mana? gambar 1? atau gambar 2?. Mungkin benar tiap orang punya selera yang berbeda beda, tapi saya yakin 80% dari kalian lebih suka melihat tampilan seperti pada gambar 2, kenapa? karena tampilan pada gambar 2 lebih terlihat menyejukan mata dan tidak mudah membuat kita merasa bosan jika harus dituntut untuk berlama lama di depan layar PC.

Sebuah code editor tak pernah lepas dari mata seorang programmer, entah itu di mobile dev maupun web dev, "senjata" mereka semua itu sama yaitu code editor, namun masalahnya adalah bertatapan dengan layar laptop/komputer secara lama + menatap layar background yang hanya sekedar hitam dan tertera banyak tulisan adalah sebuah kegiatan yang bisa dibilang cukup membosankan, nah maka dari itu saya akan memberikan sebuah "Tips Mengubah Code Editor Menjadi Sesuatu Yang Menyenangkan"

1. Gunakan color theme yang menyejukan mata dan terkesan tidak monoton

Salah satu elemen terpenting dalam sebuah code editor adalah color theme, anda bisa menuju ke menu File > Preferences > Color Theme, jika pilihan yang disediakan terlalu sedikit dan masih belum cocok dengan keinginan anda, anda bisa ke sebelah kiri ada menu extension, disitu anda bisa mencari color theme mana yang anda inginkan kemudian install, saya sarankan kepada anda untuk memilih tema Atom One Dark

Color Theme

2. Gunakan extension untuk menampilkan icon file sesuai dengan ekstensi dan typenya

Icon File

Tips kedua untuk membuat code editor anda seperti rumah sendiri yaitu dengan menginstall ekstensi file icon, caranya klik menu Extensions pada panel sebelah kiri, kemudian search "file icon", pilih dan install ekstensi mana yang anda sukai, disini saya sarankan untuk menginstall Material Icon Theme

3. Ubah font default menjadi font yang anda inginkan

Tips terakhir yang bisa saya berikan adalah dengan mengubah font default pada code editor anda menjadi font yang anda inginkan, namun pastikan font tersebut sudah terinstall di system OS anda, cara mengubahnya adalah klik menu File > Preferences > Settings > Text Editor > Font

Font Settings

Anda bisa mengubah font family, font ligatures serta font size nya. Tentunya, sesuaikan dengan selera anda

Sekian beberapa tips dari saya, semoga membantu dan semoga membuat anda tidak lagi bosan berlama lama di layar laptop dan melihat code editor yang terkesan monoton sekali, karena sekarang anda sudah membuat code editor anda nyaman seperti "rumah sendiri", terima kasih atas waktunya kepada para pembaca, dan see you on the next blog

 KEEP IT STUPID TO KEEP GROWING 

Referensi : https://medium.com/datadriveninvestor/making-your-code-editor-feel-like-home-customizing-vs-code-b858d4938cb