File Tree

File Tree is a Visual Studio Code extension that generates a visual representation of your project's file structure with emojis. This extension allows you to right-click on any folder in the Explorer view to generate a file tree, which is then displayed in a custom view in the Activity Bar. You can easily copy this tree structure to your clipboard for documentation or sharing purposes.

Features

• Generate File Tree: Right-click on any folder in the Explorer and select Generate File Tree to create a visual representation of your file structure with emojis.
• Copy File Tree: A convenient Copy button in the Activity Bar view allows you to copy the generated file tree to your clipboard.

Installation

1. Open Visual Studio Code.
2. Go to the Extensions view by clicking on the Extensions icon in the Activity Bar on the side of the window or by pressing Ctrl+Shift+X.
3. Search for File Tree and click Install.

Usage

1. Generate File Tree:

   • Right-click on a folder in the Explorer view.
   • Select Generate File Tree.
   • The file tree will be displayed in the File Tree Explorer view in the Activity Bar.

2. Copy File Tree:

   • Click the Copy button in the File Tree Explorer view.
   • The file tree will be copied to your clipboard as plain text.

Example

Here is an example of what the file tree might look like:

📁 src
  📄 index.ts
  📁 components
    📄 Button.tsx
    📄 Header.tsx
  📁 utils
    📄 helpers.ts