evilfactorylabs

Cover image for Membuat VSCode ala ala wibu untuk meningkatkan produktifitas
fzn0x
fzn0x

Posted on • Updated on

 

Membuat VSCode ala ala wibu untuk meningkatkan produktifitas

I would rather die of passion than of boredom.

Pemrograman seringkali menjadi aktifitas yang membosankan jika tidak ada hal menarik yang mengelilingi aktifitas pemrograman anda, diantaranya itu ilmu yang menarik, setup yang memadahi, dan tools yang menambah dopamin pemrograman.

Yang Harus Kalian Persiapkan

Sebelum memulai tutorial ini pastikan untuk menginstall VSCode terlebih dahulu.

Langsung Saja Kita Mulai!!

Isi

Berikut adalah hal-hal yang akan anda tambahkan ke VSCode anda.

The Doki Theme

The Doki Theme

Code with your waifu! adalah tagline yang digunakan oleh The Doki Theme, dimana ini adalah sebuah tema vscode yang menampilkan tema dengan waifu-waifu yang mungkin anda suka sebagai wallpaper di VSCode, selain itu juga tema ini memiliki fitur glass pane dimana VSCode anda akan terlihat transparan dengan wallpaper tersebut.

Instalasinya cukup mudah.

  1. Buka VSCode anda.
  2. CTRL + Shift + X
  3. Ketik The Doki Theme
  4. Klik The Doki Theme
  5. Install The Doki Theme
  6. Selesai!!

Anda bisa mengganti tema melalui View > Command Palette > Doki-Theme.

Saya merekomendasikan color theme Steins-Gate Kurisu saja dari The Doki Theme, karena warna font tidak terlalu menyatu dengan warna tema, atau jika anda hanya tertarik dengan background waifu dan fitur glass panenya dan ingin menggunakan color theme bawaan vscode/tema lain, cukup disable ekstensinya.

Berikut contoh tampilan VSCode saya ketika menggunakan tema ini :

Contoh Sesat

#LohKokWhiteTheme

hanya contoh! tapi jangan dicontoh ya!

Daftar Wallpaper : https://marketplace.visualstudio.com/items?itemName=unthrottled.doki-theme#about
Selengkapnya : https://github.com/doki-theme/doki-theme-vscode

Ninja Naruto & Death Note Font

Ngoding adalah ninjaku

Ngoding adalah jalan ninjaku

Instalasinya cukup mudah.

  1. Download ninja_naruto dan konfigurasi fontnya.

  2. Tambahkan line dibawah ini didalam object pada settings.json:

  "editor.fontFamily": "'Ninja Naruto'"
Enter fullscreen mode Exit fullscreen mode
  • lokasi untuk Windows %APPDATA%\Code\User\settings.json
  • lokasi untuk Mac $HOME/Library/Application Support/Code/User/settings.json
  • lokasi untuk Linux $HOME/.config/Code/User/settings.json

3. Reload VSCode dan Selesai! (maaf di quote karena ke reset jadi satu lmao)

Selain Ninja Naruto Font, anda juga bisa menggunakan Death Note
Font
dengan step instalasi yang tidak jauh berbeda.

"editor.fontFamily": "'Death Note Font'"
Enter fullscreen mode Exit fullscreen mode

Ngeri


Sekian, terima kasih.

NB: Artikel ini hanya untuk referensi yang menghibur saja, tidak harus juga jika anda wibu menggunakan hal-hal seperti ini, cukup menonton anime yang ada isi waifu anda.

Top comments (4)

Collapse
 
rizaldy profile image
Rizaldy

tipsnya terlihat indah sampai ke bagian font Ninja Naruto

Collapse
 
rizaldy profile image
Rizaldy

oke ini lucu awkaowkaokowa

https://www.evilfactorylabs.org/uploads/articles/q3jdlahhhngib3ca7m94.png

Collapse
 
fzn0x profile image
fzn0x

wkwkwkwkw mantap

Collapse
 
noface profile image
FikriRomadhoni

bro ko punya gw gak ada stickernya ya??