File Manipulation in Vscode

Many devs at Sauce are now using VSCode as their code editor of choice, including me (RIP Atom)

I’m always looking for ways to keep my hands at the keyboard and not the mouse/trackpad. I’d like to share some tips and tricks that I’ve picked up over the first few months using VSCode.

🔭 File Navigation

The file explorer defaults to open in VSCode and is a quick way to navigate your files. But a much quicker way to open files is to use ⌘P to quickly search and open a file by its path & name.

➕ Creating New Files

To create a new file without leaving the keyboard I use an Extension called File Utils.

Once this is installed, open the Command Pallet (⇧⌘P) and search for “File Utils: New”. You can then start to type the new file name either relative to the Current View or Project Root.

This extension also support renaming, moving and deleting files 🙌.

🗄 Renaming Files

Open the Command Pallet (⇧⌘P), search for “File Utils: Rename” and enter the new path.

🚗 Moving Files

Open the Command Pallet (⇧⌘P), search for “File Utils: Move” and enter the new file name.

🗑 Deleting Files

Open the Command Pallet (⇧⌘P), search for “File Utils: Delete” and hit enter to delete the active file.