Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Quick File CreatorNew to Visual Studio Code? Get it now.
Quick File Creator

Quick File Creator

Sudheer Labs

|
1 install
| (1) | Free
Create files instantly in VS Code by entering a filename.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Quick File Creator

Create new files instantly in Visual Studio Code with a simple filename prompt.

Quick File Creator automatically inserts boilerplate code for supported file types, helping you start coding faster.


✨ Features

  • Create a new file with Ctrl + N
  • Enter a filename and press Enter
  • Automatically opens the created file
  • Generates boilerplate for supported file types
  • Lightweight and easy to use

📦 Supported File Types

File Type Boilerplate
HTML (.html) ✅ HTML5 Boilerplate
CSS (.css) ✅ CSS Reset
JavaScript (.js) ✅ Basic JavaScript Template
React JSX (.jsx) ✅ React Functional Component
React TSX (.tsx) ✅ React TypeScript Component
JSON (.json) ✅ Empty JSON Object
Other Files Empty File

🚀 Usage

  1. Press Ctrl + N
  2. Enter a filename

Example:

index.html
  1. Press Enter

The file will be created automatically.


📁 Examples

HTML

Input

index.html

Creates

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
</html>

CSS

Input

style.css

Creates

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

JavaScript

Input

script.js

Creates

"use strict";

console.log("Hello, World!");

⌨️ Keyboard Shortcut

Shortcut Action
Ctrl + N Create a New File

📄 License

MIT License

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