Reveal the Current File In Popular Code Editors

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: News


Join the weekly newsletter and never miss out on new tips, tutorials, and more.

Laravel News Partners

Laravel Jobs

Senior Laravel Engineer
Remote okay (must already live in USA)
Hawthorne Effect
Senior Software Engineer (Remote - Contract)
Koodi Systems
PHP Developer
Pittsburgh / Remote
Sequoia Waste Solutions
Software Developer
Simac IDS
Application Developer Level II (CakePHP / MySql / Vue.js)
Lancaster, PA
Harbor Compliance
Mid/Senior Laravel Developer - U.S. Developers Only
Kenner, Louisiana
Profit Miner Technologies