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.

Frequently Asked Questions ?

A file structure is how files are arranged on your computer. It’s essential because it helps you locate the files you need quickly. Having a clear file structure makes it easier to access your documents and data, reducing the time you spend searching through different places.

Workspace settings allow you to customize things like the default layout of your folders, the icons for your files, and which files open when you start. This helps create an environment that matches how you like to work.

The Explorer View is the main feature you use to navigate files in the GenCodex online tool. It lets you browse, organize, and manage your project files and folders in an efficient way.

In GenCodex, the file structure organizes your project files into clear categories. This makes it easy to find and manage different parts of your project, like designs, styles, and scripts.

For large projects, it’s helpful to use folders and subfolders to group similar files together. For example, you can have separate folders for components, services, and styles. The Explorer View makes it easy to move through your files, even when there are many.

The Mode View lets you switch between different ways to see your files, such as focusing on the code, looking at a design layout, or using a split-screen that shows both. This gives you flexibility in how you work on your projects.

Yes! You can bring in files or complete projects into GenCodex. You can do this using the "Import" option in the file menu or by simply dragging and dropping your files into the tool.

Absolutely! The tool lets you open multiple files at the same time, either in separate tabs or side by side. This is helpful when you need to compare or work on more than one file.

To avoid editing conflicts when working with others, file locking is used. If someone locks a file, others can see it but cannot make any changes until the person who locked it is done.

You can change how files are displayed in the Explorer View. For instance, you can choose to show hidden files, sort them by name or type, and decide if you want a compact view or icons. All these options are found in the settings menu.

Yes, you can build reusable components and save them in a specific folder, like shared/components. This allows you to easily use the same pieces across your project.

Definitely! You can pin files or folders to a favourites section in the Explorer View for quick and easy access whenever you need them.

Default Msg
  • Homepage Backgrounds
  • Menu Position
  • Dashboard