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

File Creator

AhmadKZX

|
307 installs
| (1) | Free
Easily Create Files Using Templates
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

File Creator

Easily Create Files Using Templates
It must have occurred to you that you have to write duplicate code when creating each file. This extension solves this problem for you using templates!

preview

✅ Available Templates

Js:

  • Array Module
  • Function Module
  • Object Module

React:

  • Class Component
  • Function Component

Vue:

  • Component
  • Plugin
  • Router
  • Store

Graphql:

  • Query
  • Mutation

✅ Add Custom Template

  1. start a folder called .templates in root of project
  2. in folder create file {file-format}-{name-of-template}.template. for example js-custom.template
  3. write your template and save

🚧 NOTICE: you can use target folder name with %foldername and file name with %filename keywords

✅ Customize Current Templates

  1. start a folder called .templates in root of project
  2. create file with your target template file name. template file names:
    • graphql-mutation.template
    • graphql-query
    • js-array-module
    • js-function-module
    • js-object-module
    • react-class-component
    • react-function-component
    • vue-component
    • vue-plugin
    • vue-router
    • vue-store
  3. write your template and save

🚧 NOTICE: you can use target folder name with %foldername and file name with %filename keywords

Contribution

help us to improve extension and add other templates

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