File Structuring & Workflow with Project Mode View

Organizing and navigating projects effectively is essential in any development environment, and GenCodex addresses this with features like the Explorer view , workspace settings, and extensions. Gen Codex File Structure manages file structure and key features to optimize your workflow

Explorer View: Core of File Navigation

The Explorer in GenCodex is the central feature for visualizing your project's file structure. Located in the activity bar on the left side of the editor, the Explorer provides a tree-like view of your project files and directories.

GenCodex

File Structure Key Features

GeneCodex file structure features simplify development with file navigation, folder views and customised settings for workflows.

GenCodex Drag-and-Drop Builder

Folder Views and Menu Wise

Folder View  Icon

Folder View

When opening a single folder in GenCodex, the Explorer reflects the file structure of that folder. This is useful for smaller projects or when working on a single component of a larger application

Menu Wise View Icon

Menu Wise View

GenCodex provides menu-wise views tailored for citizen developers, ensuring simple access to essential resources. This structure ensures a consistent experience across projects, allowing non-technical users to easily view and modify developer files without complexity.

Working with Files and Folders in GenCodex

GenCodex Create a file folder in file structure

File and Folder Creation

The Explorer displays a tree structure, making it easy to navigate nested directories and files within your project.

Create a New File: The software creates mappings and files in the chosen directory or generates files and mappings in the specified folder.

Create a New Folder: You can organize files by creating a new folder and dragging existing files into it. This is useful for categorizing files by type, such as separating assets, source code, and configuration files.

GenCodex also supports the use of relative paths and nested file creation in one step. For instance, creating a file with the path src/components/Header.js will automatically generate any missing directories along the way (src and components).

Drag and Drop Files

The Explorer supports drag-and-drop functionality for moving files and folders. You can rearrange items within the file structure by dragging them to a new location. This action automatically updates any relative imports or file references when applicable, provided you use extensions.

Mode view for File

Project Mode View shows the entire actual menu of the project in place of project explorer window. By selecting a menu all the used files inrespective of the technology gets fetected automatically, This automation safes lots of efforts and time of searching the file before working. This mode is particularly beneficial for tasks like dependency management

Workspace Settings and Customization

In GenCodex, you can tailor your file structure experience through workspace settings. These settings are saved for project-specific configurations. Examples include

Excluding Files/Folders Icon

Excluding Files/Folders

Exclude specific files or directories from the Explorer view by modifying the files.exclude setting in workspace settings. For instance, hide folders like node_modules or dist to reduce clutter in the file tree.

Auto-Saving Icon

Auto-Saving

Set GenCodex to automatically save files in a local directory. This feature helps minimize the risk of data loss by ensuring that changes are saved without needing manual intervention.

File Associations Icon

File Associations

In multi-language projects, configure Gen Codex to recognize and a common editor is used for working with different technology files like Java, HTML, Angular etc. This can be done through the file associations setting for proper syntax highlighting.

File Hierarchy Extensions for GenCodex

Extensions can significantly enhance how you interact with the file structure in GenCodex. Some useful ones include

Path Autocomplete IconPath Autocomplete
Path Autocomplete

Improves file path autocompletion for imports and references within your project

File Utils IconFile Utils
File Utils

Provides additional commands for file and folder operations like duplicating, copying paths, and renaming files in bulk.

Project Manager IconProject Manager
Project Manager

Allows you to save and switch between projects easily, especially useful for developers juggling multiple workspaces.

Progress Tracking IconProgress Tracking
Progress Tracking

Simplifies the process of excluding files and folders from the Explorer view.

Bracket Pair Colorizer IconBracket Pair Colorizer
Bracket Pair Colorizer

Not directly related to file structure, but helps navigate large files by color-coding matching brackets, making nested structures more visible.

Default Msg
  • Homepage Backgrounds
  • Menu Position
  • Dashboard