Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>fs-emmetNew to Visual Studio Code? Get it now.
fs-emmet

fs-emmet

xavimondev

|
170 installs
| (1) | Free
Create files and folders directly from your editor using Emmet syntax.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

![demo]

Create Files & Folders Easily

A extension to create files and folders directly from your editor using Emmet syntax.

How to use?

Press ctrl+shift+p to open command panel and type Transform to file system or press ctrl+alt+t to create new file system. (you can override this shortcut)

Examples

> 'components+services'

// outputs
├──components
└──services

> 'use-debounce.tsx+use-response.tsx'

// outputs
├──use-debounce.tsx
└──use-response.tsx

> '(db+services).ts'

// outputs
├──db.ts
└──services.ts

> 'components/ui>input.vue+divider.vue'

// outputs
├──components
    └──ui
       ├──input.vue
       └──divider.vue

> 'utils>(print+fetch).js'

// outputs
├──utils
     ├──print.js
     └──fetch.js

> 'hooks/ui>(use-mobile+use-responsive).tsx+data>(use-fetch+use-list).tsx'

// outputs
├──hooks
     ├──ui
     │   ├── use-mobile.tsx
     │   └── use-responsive.tsx
     └──data
          ├── use-fetch.tsx
          └── use-list.tsx

> 'pages>landing>(hero+cta).astro'

// outputs
pages
└── landing
    ├── hero.astro
    └── cta.astro

Installation

Open VSCode Editor and Press ctrl+P, type ext install fs-emmet.

Changelog

See the CHANGELOG.

License

This project is licensed under the MIT License - see the MIT License file for details.

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