Awesome Tree

Extension for Visual Studio Code

Features

This extension create structure based on sibling directory.

How it work?

This extension handle all events about create directory. If you want to exclude folder you have to change the awesomeTree.excludeWatchRegExp setting. Once you have created the folder, we start analyzing the contents of the siblings folders. After the analysis is completed, we will ask if you want to create files and folders based on siblings structure.

For example, you have a project with this structure:

src
├── components
│   ├── firstComponent
|   |   ├── firstComponent.js
|   |   ├── firstComponent.html
|   │   └── firstComponent.css
│   └── headerComponent
|       ├── headerComponent.js
|       ├── headerComponent.html
|       └── headerComponent.css
└── tests
    ├── header
    |   ├── HeaderTests.js
    │   └── mockData.js
    └── price
        ├── PriceTests.js
        └── mockData.js

When you create new folder footerComponent in ./src/components/ this extension generate 3 files in new directory: footerComponent.js, footerComponent.html and footerComponent.css. Otherwise if we create the folder awesome in the path ./src/tests/ this extension will create the files AwesomeTests.js and mockData.js