Skip to content

Crunchitect/emmet-file

Repository files navigation

Emmet File

A powerful way to setup project scaffolds.

Using Familiar Emmet syntax.

Features

Emmet File is a extension to scaffold different file & folder structure with Emmet-style syntax.

From creating multiple files at once.

To a whole project scaffolding

How to use?

Call the Track Files in the Command Pallete (Ctrl+Shift+P).

Grammar

+ Sibling Files


Create multiple sibling files using +, try index.html+styles.css!

! Directory


Create Directories with !, as dirname!file.

^ Repitition, $ Number


Same as Emmet, but replace * with ^, you can have as many $ as you want.

{} Contents


Add inner contents of the file via {}, $s are supported

@ Range


For more control of the ^ command, You can specify its range with ^[stop]@[start],[step]

\ Escape


For typing special characters, use the \ to escape the syntax.

\ Escape


For typing special characters, use the \ to escape the syntax.

[] Templates


Special preprocessing and templating functionality is in the []. You may add special shortcuts to long emmet file abbreviations.

Template Settings

To add new templates, edit the Emmet File > Templates settings (emmetFile.templates) in the settings.json file.

Exceptions

Please make an active file to parse your directory!

You need to open at least 1 file in the editor for the extension to register and save your workspace path.

Invalid Parsing!

Self Explantory, but note that {} will not throw a Invalid Parsing error even if parsing is invalid.

About

Emmet File Creation

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published