🚀 Better New File

Create new files faster and smarter with Better New File — a Visual Studio Code extension that lets you instantly generate files using predefined templates for modern JavaScript and TypeScript frameworks.

✨ Features

• 🖱️ Create files from the explorer’s right-click menu for quick access
• ✅ Create files from templates with a single command via the command palette
• ⚙️ Supports popular frameworks like:
  • Vue / Nuxt
  • React / Next.js
  • Angular
  • Svelte
  • Astro
• 🧩 Fully customizable templates, with the ability to override built-in templates
• 📁 Automatically creates nested folders based on your file path
• ⚡ Works in any workspace

🖱️ How to use from right-click menu

1. Right-click on any folder in the Explorer sidebar
2. Select "Better New File: Create"
3. Choose a template or framework
4. Enter the desired file name and path
5. The file(s) will be created instantly, including any folders needed!

🛠️ Usage from command palette

1. Open the command palette (Ctrl+Shift+P or Cmd+Shift+P)
2. Type "Better New File: Create"
3. Select a framework or custom template
4. Enter the file name and path
5. Done!

⚙️ Configuration: Customizing and overriding templates

You can define your own templates or override the default ones by adding them in your VSCode settings (settings.json):

"betterNewFile.templates": {
  "My Custom Component": {
    "path": "src/components/{{name}}.vue",
    "content": "<template>\n  <div>{{name}}</div>\n</template>\n<script setup>\n</script>"
  }
}