File Ops

VS Code extension to import, group, bookmark, quick switch files, text transformations & keyboard shortcuts.

Overview

1. File Import - Paste relative path to imported files

2. Bookmarks - Bookmark files & easily access them

3. Quick Switch - Switch between file pairs. ex. switch between .css & .js from same folder using Ctrl/Cmd+E

4. Related Files From Same Folder - View files (except current file & folders) from the current folder & switch to them

5. File Group - Load/Save group of files

6. Copy File Name - Copy current file name using the command FileOps: Copy Current File Name

7. Transform Text - Hightlight & transform text using FileOps: Text Transform

8. Stringify Text - Hightlight & JSON.stringify() text using FileOps: JSON.stringify

9. Toggle CaseSensitive & SearchWholeWord - Toggle CaseSensitive & SearchWholeWord using the keyboard shortcut Cmd+Option+E

Note: All extension data is stored in an auto generated file called .file-tag
Please do not make any changes to that file. If required, add it to .gitignore

Features

File Import

FileOps (Import): Copy Current File Path: Copy absolute path from command palette, context menu or use the shortcut Cmd/Ctrl+Shift+C
FileOps (Import): Paste Relative File Path: Paste the relative path using command palette, context menu or use the shortcut Cmd/Ctrl+Shift+V

File Import Demo

Bookmarks (Earlier File Tag)

Create file bookmarks. open & view files using the bookmarks
1. Open, View, Edit, Delete file bookmarks from the tree view, or
2. Perform operations using the commands. Search for FileOps (Bookmarks) to get all commands

File Tag Demo

Quick Switch

Quickly switch between file pairs. ex., Switch between .css & .js files from the same folder.

Define custom pairs using the exposed setting (fileOps.fileSwitch.excludeFiles)

Note: By default, index.js file is excluded so it wont be considered for switching

Example 1 - Switching between `.scss` & `js` file from same folder using the shortcut `Cmd/Ctrl+E`

Quick Switch Demo

Example 2 - Switching between custom files `liquid.scss` & `globals.scss` from same folder using the shortcut `Cmd/Ctrl+E`. Defined setting:

{
  ...
  "fileOps.fileSwitch.quickSwitchPairs": ["globals.scss/liquid.scss"]
}

Quick Switch Custom Files Demo

Show all files (except active file) from current folder using the shortcut Cmd/Ctrl+Shift+E

Related Files Demo

File Group

Save a group of files using FileOps (Groups): Save File Group
Load the saved group of files using FileOps (Groups): Load File Groups

File Groups Demo

Copy File Name

Copy current file name using the command FileOps: Copy Current File Name or from context menu

Copy Current File Name Demo

Transform Text

Highlight text and perform the following text transformations using the command FileOps: Text Transform

UPPERCASE
lowercase
kebab-case
snake_case
camelCase
Capitalize
Trim & Replace spaces with underscore
Remove spaces

Text Tranformation Demo

Stringify Text

Highlight & JSON.stringify the text.

Note: It will cause an error if the highlighted text contains extra characters. Highlight the exact text which can be stringified if passed to JSON.stringify() method.

Stringify Text Demo

Toggle CaseSensitive & SearchWholeWord

Quickly toggle the CaseSensitive & SearchWholeWord using the keyboard shortcut Cmd/Ctrl+Option/Alt+E

Toggle Find Demo

Shortcuts

Feature	Shortcut	Description
FileOps (Switch): Quick Switch	`Cmd+E` / `Ctrl+E`	Switch between file pairs. ex., switch between `.css` & `.js` file using the shortcut
FileOps (Switch): Show Other Files in Current Directory	`Cmd+Shift+E` / `Ctrl+Shift+E`	Show all files (except active file) from current folder
FileOps (Import): Copy Current File Path	`Cmd+Shift+C` / `Ctrl+Shift+C`	Copy absolute path of current file
FileOps (Import): Paste Relative File Path	`Cmd+Shift+V` / `Ctrl+Shift+V`	Paste relative path to the `copied file`

Settings

Setting	Default value	Description
fileOps.fileSwitch.quickSwitchPairs	`[".js,.ts/.css,.sass,.scss", ".js/.js", ".json/.md"]`	Define file pairs to enable switch between them.ex., `[".json/.md"]` will enable switching between `.json` & `.md` files
fileOps.fileSwitch.excludeFiles	`["index.js"]`	File names to be excluded from quick switch
fileOps.fileImport.addQuotes	`false`	Wrap the relative path in double quotes
fileOps.fileImport.addFileExtension	`true`	Retain the file extension of relative path

Other projects

Dev Box - A UI for local storage
Array Builder - A free tool to visualize the output of array operations
Code404 - Micro-blogging on Web development

Support

If you liked this extension consider supporting here

FileOps

Mehul Lakhanpal