Quickly create new files with preconfigured templates for Vue, Nuxt, React, Angular and more. Improve your workflow with a better 'New File' experience.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
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
Right-click on any folder in the Explorer sidebar
Select "Better New File: Create"
Choose a template or framework
Enter the desired file name and path
The file(s) will be created instantly, including any folders needed!
🛠️ Usage from command palette
Open the command palette (Ctrl+Shift+P or Cmd+Shift+P)
Type "Better New File: Create"
Select a framework or custom template
Enter the file name and path
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):