Hallooo semuanya, kembali lagi pada TYOchannn. Pada tulisan kali ini saya ingin memberikan tips and trick bagaimana sih mempercantik tampilan VSCode kalian. Oke langsung saja. Cara ini saya dapat waktu belajar tentang python yang menyenangkan kwkwkw.

Oke tips nya itu pertama tentu kalian buat folder project kalian misalkan namanya project-saya. Ini nama folder ya, buka folder tersebut lalu buat folder lagi yang namanya itu (.vscode) namanya harus sama ya temen temen jangan ada yang beda. Lalu di dalam folder tersebut kalian buat file yang namanya itu (settings.json) Format nya nanti seperti ini:

{
    "workbench.colorTheme": "Abyss",
    "workbench.iconTheme": "vscode-icons"  
}

Perlu diingat ya, kalau kalian baru buat file itu pertama kali akan kosong isinya. Oke lankah selanjutnya kalian bisa download theme di menu extension. Disini kalian bebas mau nentuin nya seperti apa.

Habis itu jika kalian install, kalian jangan pasang sebagai default theme di kalian di vscode nanti semuanya jadi pake theme itu. Kalian ubah lagi ke default. Nah habis itu kalian bisa buka file settings.json nya lagi dan bikin format seperti ini:

{
    "workbench.colorTheme": "(nama-theme)",
}

Lalu kalian bisa pilih tuh nama theme nya deh dengan memasukan nama theme nya dan mungkin tambahan lagi yang buat unik kita akan install extension yang namanya vscode-icon.

yang itu ya, lalu jika sudah di install kalian buka lagi settings.json nya dan masukan settings ini.

"workbench.iconTheme": "vscode-icons" 

nanti jadinya seperti ini:

{
    "workbench.colorTheme": "Abyss",
    "workbench.iconTheme": "vscode-icons"  
}

Nah habis itu udah deh nanti tampilan kalian bakal berubah deh. Tapi perlu di ingat ini hanya untuk per folder itu saja jika kalian mau apply ke semua nya bisa ke extension lagi lalu pilih extension yang mau di enable nya lalu pilih enable dan selesai deh itu akan ke apply semua extensionnya.

Jadi seperti itu saja semoga bermanfaat dan sampai jumpa pada tulisan selanjutnya bye bye.


Leave a Reply

Your email address will not be published. Required fields are marked *