> ## Content Index
> Fetch the complete content index at: https://debug.my.id/llms.txt
> Use this file to discover other available public pages before exploring further.

# Cara mudah menampilkan Full File Path di Title Bar pada Visual Studio Code
- URL: https://debug.my.id/menampilkan-full-file-path-vscode-tanpa-exstension/
- Published: 2018-04-03T05:42:00.000Z
- Updated: 2025-06-24T16:30:16.000Z
- Author: Tukang Debug
- Tags: Aplikasi, Tip/trik

[Visual Studio Code](https://code.visualstudio.com/?ref=debug.my.id) adalah salah satu text editor yang saat tulisan ini saya tulis, adalah salah satu yang paling populer. Dengan segala kelebihannya, ada beberapa hal yang mungkin perlu disesuaikan dengan selera masing-masing. Salah satunya adalah tidak adanya info [**full file path**](https://debug.my.id/menampilkan-full-file-path-vscode-tanpa-exstension/) dari file yang sedang kita buka dan fokus.

Hal ini dalam kondisi tertentu akan sangat mengganggu karena secara default kita hanya dapat mengetahui full path dari file dengan melakukan mouse hover pada tab file yang kita buka. [Berikut ini adalah salah satu cara mudah tanpa perlu menginstall extension apapun untuk menampilkan full file path di title bar](https://debug.my.id/menampilkan-full-file-path-vscode-tanpa-exstension/).

![](https://debug.my.id/content/images/2025/06/image-68.png)

Buka file user setting dengan cara menekan tombol shortcut **Ctrl ,**

[](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQLcxXqCK2QzLFDmbdmuLRDhGXfdLqSHiAYAR60TXvE0rKxu-N9txdrb1d-KjQ7Rrbz7gR8Xy9prn50b9MPBi7vkbsDeMLJQmRKtE9clCCExDQdPk2ws7gRJBI2swgVVWkGQxovzWECM8/s1600/2018-04-04%5F07h28%5F12.jpg?ref=debug.my.id)

![](https://debug.my.id/content/images/2025/06/image-69.png)

Pada bagian kanan dari file user setting seperti gambar di atas, tambahkan kode di bawah ini :

```css
"window.title": "${activeEditorLong}${separator}${rootName}"
```

Jangan lupa menambahkan koma pada bari di atasnya. Di bawah ini adalah contoh file user setting yang sudah dimodifikasi.

```json
{
"workbench.colorTheme": "Visual Studio Dark",
"editor.minimap.enabled": false,
"workbench.iconTheme": "vscode-icons",
"window.zoomLevel": 0,
"window.title": "${activeEditorLong}${separator}${rootName}"
}
```

![](https://debug.my.id/content/images/2025/06/image-70.png)

Setelah itu simpan (dengan menekan tombol shortcut **Ctrl s**)

[5 Cross Platform Text Editor Gratis Terbaik untuk Web/HTML Programmer5 Cross Platform Text Editor Gratis Terbaik untuk Web/HTML Programmer![](https://debug.my.id/content/images/icon/favicon-3.ico)Sinau CodingTukang Debug![](https://debug.my.id/content/images/thumbnail/Best-Editor.png)](https://debug.my.id/cross-platform-text-editor-gratis-untuk-web/)

Maka secara otomatis pada title bar VSCode kini akan menampilkan full path dari File yang saat itu sedang kita buka dan focus.

![](https://debug.my.id/content/images/2025/06/image-71.png)

Sekian tip dan trik kali ini, semoga yang sedikit ini bermanfaat.