Reveal the Current File In Popular Code Editors


August 1st, 2019

Reveal the Current File In Popular Code Editors

Frequently I want to look at the folder context of a file I am editing in my code editor. I often use shortcuts like “Go to symbol” or “Go to anything” to open a file most of the time. However, what if I want to see the context of the file within the project folders?

Going to the file in the sidebar helps me visualize the namespaces involved and the overall structure of a set of classes and files. It’s handy in the context of your app as well as vendor packages like the Laravel framework.

Since I use various editors I thought it would be useful to collect how you can set this up and provide a keyboard shortcut in the most popular editors as of 2019. If you want to share how to do this in your editor of choice, shout out on Twitter at @laravelnews and we’ll add it here!

Note: I use Control + Shift + R as my shortcut because to me “R” stands for “Reveal” so it’s easier for me to remember.

PhpStorm Setup

PhpStorm has built-in support for selecting the current file in the project view, but you have to set up a keyboard shortcut. I use Control + Shift + R in Sublime Text, so to keep the shortcut the same in PhpStorm I override the default. Feel free to pick whatever shortcut you want!

To add a keyboard shortcut, go to Preferences | Keymap and filter by “Select in Project View”. Right click and select “Add Keyboard Shortcut”:

VS Code Setup

In Visual Studio Code, you can add the following configuration to the keybindings.json file:

"key": "ctrl+shift+r",
"command": "workbench.files.action.showActiveFileInExplorer"

You can also visually search for it and use the UI to bind the keymapping by using the keyboard shortcut ⌘K ⌘S and searching for “File: Reveal”:

Thanks to Chris Kankiewicz for this tip on Twitter!

Sublime Text Setup

I originally shared this tip in my Minimalist Sublime Text 3 Setup for PHP post. To reveal the file in the sidebar, add the following to your keymap configuration:

{ "keys": ["ctrl+shift+r"], "command": "reveal_in_side_bar"}

To get to your user-configured keybindings you can hit Ctrl/Cmd + Shift + P and type “Preferences: Key Bindings” or go to Preferences | Keybindings via the UI Menu.

What about ___ Editor?

PhpStorm, VS Code, and Sublime Text are the most popular editors out there for PHP as of 2019. If you have a favorite editor and want to share how to reveal a file in the sidebar, let us know how to do it on Twitter at @laravelnews.

Additional Editors

The following is a list instructions for other editors that the community shared on Twitter.

Atom Setup

Atom provides this feature out of the box using the Ctrl+Shift+\ shortcut. You can customize the shortcut in your workspace config with the tree-view:reveal-active-file option. Hat tip to @cliambrown for the details.

Filed in:

Paul Redmond

Full stack web developer. Author of Lumen Programming Guide and Docker for PHP Developers.