Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>NamesenseNew to Visual Studio Code? Get it now.
Namesense

Namesense

Ömer Asaf Yıldırım

|
11 installs
| (0) | Free
Instant, consistent names from your file name: generate PascalCase component/class names for JavaScript, TypeScript & React. Save time, stay consistent.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Namesense – smart name suggestions for JS/TS & React

Namesense

Naming is hard. Namesense makes it easy.

Marketplace Installs Latest Release License


What is it?

Namesense is a lightweight VS Code extension that generates smart, ready‑to‑use names based on your file name. It turns file names like user-profile.ts into PascalCase suggestions like UserProfile – perfect for React components, classes, or types.

Save time, stay consistent, and reduce typos with automatic, file‑based naming suggestions.

Highlights

  • ⚡ Instant suggestions for JavaScript, TypeScript, and React (JSX/TSX).
  • 🧠 Converts file names to PascalCase (e.g., empty_state.jsx → EmptyState).
  • 🎯 Works with saved files; ignores untitled editors.
  • 🛠️ Simple: toggle with the command palette and pick your trigger characters.
  • 🧩 Lightweight: everything runs locally.

TL;DR (TR)

Namesense, dosya adından yararlanarak akıllı isim önerileri üretir. Özellikle React bileşeni/sınıf isimlerinde hızlı ve tutarlı bir yaklaşım sağlar. user-profile.ts → UserProfile gibi.


Getting Started

  1. Install from the VS Code Marketplace.
  2. Open a file, e.g. empty-state.tsx.
  3. Type e and see EmptyState as a suggestion (defaults can be changed).
  4. Toggle on/off via Command Palette → Namesense: Toggle Namesense.

Examples

File name Suggestion
user-profile.ts UserProfile
empty_state.jsx EmptyState
auth/login-form.tsx LoginForm
use-user.ts UseUser
http-client.ts HttpClient

Settings

  • Enable/disable: "namesense.enable": true
  • Trigger characters: "namesense.triggerCharacters": ["e", "E"]

Sample settings.json:

{
  "namesense.enable": true,
  "namesense.triggerCharacters": ["e", "E"]
}

Commands

  • namesense.toggle — Toggle Namesense

Compatibility & Performance

  • Requires VS Code ^1.84.0 or newer.
  • Activation: on JS/TS/React files and on the command namesense.toggle.
  • Lightweight, zero external services, runs locally.

Why Namesense?

  • 🚀 Start faster: Get component/class names instantly in new files.
  • 🔁 Stay consistent: Enforce a predictable naming scheme across your codebase.
  • 🧯 Avoid typos: Reduce naming errors and inconsistencies.
  • 🧘 Stay focused: Let Namesense handle naming so you can focus on logic.

Troubleshooting

  • Ensure the file is saved so the filename can be detected.
  • If suggestions don't appear, verify "namesense.enable": true and your trigger characters.

Community

Questions or ideas? Open an issue or start a discussion on the repository.

Contributing

PRs welcome! Please open an issue before large changes.

License

AGPL-3.0-only. See LICENSE.


Naming is hard. Namesense makes it easy.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft