Filename Add

A lightweight and fast Visual Studio Code extension that inserts a comment header containing either the current file name or the workspace-relative file path, depending on your shortcut.

Designed and developed by Thinakaran Manokaran.

✨ Features

🔹 Insert Filename — Ctrl + D

Adds only the filename of the opened file.

Example:

// explore.tsx

🔹 Insert Relative Path — Ctrl + Shift + D

Adds the workspace-relative path of the file.

Example:

// app/_tabs/explore.tsx

🧠 Why This Extension?

When working on large projects, it’s easy to lose track of which file you’re editing. Adding filename or path comments at the top of the file helps with:

• Quick file identification
• Faster debugging
• Clean commit diffs
• Improved navigation when multiple tabs look similar

⚡ Commands & Shortcuts

These shortcuts work in any file and use the correct comment style automatically (JS, TS, Python, HTML, CSS, etc.).

🛠 Tech Used

• JavaScript (Node.js)
• VS Code API
• Path utilities

📦 Installation

1. Search for Filename Add in the VS Code Marketplace
2. Click Install
3. Start using the shortcuts instantly

Or install manually:

code --install-extension filename-add-1.0.0.vsix

🧑‍💻 Author

Thinakaran Manokaran Website: https://thinakaran.dev Publisher: thinakaran (VS Code Marketplace)

📂 Project Metadata

{
    "name": "filename-add",
    "displayName": "Filename Add",
    "description": "Adds filename or full relative path as a comment on demand.",
    "version": "1.0.0",
    "publisher": "thinakaran",
    "author": {
        "name": "Thinakaran Manokaran",
        "url": "https://thinakaran.dev"
    }
}

❤️ Support

If you enjoy this extension, please leave a ⭐ rating on the Marketplace.

For feedback, feature requests, or issues, feel free to reach out.

Happy Coding! 🚀