Sebagai seseorang yang (kadang) suka menulis kode atau program random, gue rasa text editor adalah salah satu dari sekian banyak perangkat lunak yang wajib gue punya dan pasang.

Belakangan ini gue sedang senang menggunakan text editor sejuta umat alias ehm Visual Studio Code (untuk mempermudah dalam penulisan alias gue males ngetik panjang x lebar, kedepannya kita singkat aja jadi VScode), sayangnya tampilan si VScode by default sedikit berantakan dan kinda boring i guess.

Maka dari itu gue mencoba untuk membuatnya sedikit bersih dan aesthetic.

Section titled TemaTema

Perubahan gue mulai dari tema, karena ini sangat mencolok perubahannya dan sangat mempengaruhi kenyamanan dalam menulis sebuah program (dibaca: kode). Saat ini gue menggunakan tema Tokyo Night.

Section titled FontFont

Sekarang pindah ke font, gue rasa kegiatan menulis kode akan terasa membosankan apabila harus berhadapan dengan font Comic Sans, untuk itu gue mamakai Cascadia Code yang bisa lo unduh di sini. Jika dirasa gue bosan dengan si Cascadia, gue memiliki alternatif lain, seperti:

• JetBrains Mono
• Fira Code
• dan Space Mono

dengan "editor.fontLigatures": true yang bisa lo enable di file settings.json.

Section titled IkonIkon

Ikon yang gue pakai yaitu Viking Icon Theme, alasan gue memilih ikon ini… ga ada sih lucu aja ehe.

Section titled CustomCustom

Oke, sekarang masuk ke setting.json, perubahan yang gue lakukan di sini lumayan banyak dan ini juga yang membuat VScode gue terlihat lebih bersih (dan aesthetic) lagi.

{
  "workbench.editor.showTabs": false,
  "blade.format.enable": false,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
  },
  "editor.formatOnSave": true,
  "workbench.activityBar.visible": false,
  "workbench.statusBar.visible": false,
  "workbench.iconTheme": "vikings-icon-theme",
  "workbench.colorTheme": "Tokyo Night",
  "search.mode": "reuseEditor",
  "editor.fontSize": 15,
  "editor.fontFamily": "Cascadia Code, JetBrains Mono, Fira Code, Space Mono",
  "editor.fontLigatures": true,
  "editor.renderLineHighlight": "none",
  "editor.matchBrackets": "never",
  "editor.occurrencesHighlight": false,
  "editor.renderIndentGuides": false,
  "editor.minimap.enabled": false,
  "breadcrumbs.enabled": false,
  "editor.renderWhitespace": "none",
  "editor.lineHeight": 29,
  "bracketPairColorizer.showVerticalScopeLine": false,
  "editor.tokenColorCustomizations": null,
  "vikings-icon-theme.folders.color": "#fff",
  "window.menuBarVisibility": "compact",
  "vikings-icon-theme.opacity": 1,
  "workbench.startupEditor": "none",
  "kite.showWelcomeNotificationOnStartup": false,
  "files.autoSave": "onWindowChange",
  "terminal.integrated.fontFamily": "JetBrains Mono",
  "javascript.updateImportsOnFileMove.enabled": "never",
  "explorer.confirmDelete": false,
  "editor.smoothScrolling": true,
  "svelte.enable-ts-plugin": true
}

Sejauh ini hasil yang gue dapatkan seperti ini:

Terlihat cukup bersih lah ya daripada yang disajikan oleh VScode by default.