Files

brixioapp edited this page Mar 19, 2015 · 8 revisions

File Manager

(shortcut: alt+5)

File Manager in brix.io organizes files of your project. It provides access to your files and directories, and helps you to keep them organized.

File Manager helps you navigate and browse all of the files and directories on your project. You can use it to organize project files the way you want.

Files are displayed on left sidebar (shortcut: alt+5).

File Manager

Files view comprises three areas: Screens, Files and Upload:


Screens

Here you can find list of all html files existing in your project, wherever they are.

  • To open html screen, click on its name.
  • Place mouse cursor over file name to display file path tip.

All other files (styles, images, scripts etc...) are located in Files tree view.

Screens toolbar
  • Create new file
  • Show in files
    • toggles visibility of html files in Files tree view (html files are hidden in tree view by default)

Files

Items displayed in tree view represent files and directories (aka folders),

Please note, that html files are hidden in tree view by default, but you can toggle visibility of html files by click on "Show in files" icon of Screens toolbar .

Click

To select a file or directory, click on its name.

  • You can select/deselect multiple items by Shift- or Cmd/Ctrl- clicking them.
Double-click

To open a file, double click on its name.

  • Open selected file in editor (html, css, less, js, xml, txt) or download file (jpg, png, gif, zip, etc...) or extract zip archive in current directory.
  • If a directory contains any item within, you can double click on its name (or click the plus sign left to the directory name) to see any items stored within that directory.
Context menu (pop-up menu)

Right click on item to open context menu. Available actions:

  • Open file

    • Open selected file in editor (html, css, less, js, xml, txt) or download file (jpg, png, gif, zip, etc...) or extract zip archive in current directory.
  • Create new dir

    • Right click on destination directory, select "New dir" on context menu, then type a new name (or keep default) and press the Enter key.
  • Create new file

    • Right click on destination directory, select "New file" on context menu, then select type of a new file (html, css, less, js,, xml, txt, etc...). Type in a new name, or leave default name, and press the Enter key.
  • Duplicate file / directory

    • To create copy of file or directory, right click on item you want to duplicate and then click "Duplicate" from the context menu. It makes a copy of the selected item, adds suffix "-copy" to its name, and then places the copy in the same directory as the original item.
  • Cut / Paste

    • Move items from one place to another with use of the Clipboard. When a file or folder is selected, choose "Cut" on context menu. It makes a copy of selected item to the Clipboard. To move item to another location, choose "Paste". It moves an item from Clipboard to the desired folder and deletes item from original location.
  • Copy / Paste

    • Copy items from one place to another with use of the Clipboard. When a file or folder is selected, choose "Copy" to copy the selected item to the Clipboard. Note that this doesn’t delete the selected item; it just makes a copy of it on the Clipboard. To paste the copied item in another location, choose "Paste".
  • Rename

    • Right click on item to rename, select "Rename" on context menu, then type a new name and press the Enter key.
  • Remove

    • Right click on item to delete, select "Remove" on context menu, then confirm remove.
    • Be careful with deletion of directories, they may contain some items (files, folders), including hidden html files.
Drag and drop
  • To move files and folders to new locations.
  • To copy files and folders to new locations hold "cmd" (mac) or "ctrl" (win) key until dropped.
Files toolbar

descriptions form context menu apply

  • Delete file
  • New file
  • New dir
  • Cut
  • Copy
  • Paste
  • Refresh files
    • reloads all files
Upload
  • click to upload files or zip archives into current directory

Files tree view may be also used for selecting "img src" and "background-image".


Download

shortcut ctrl+d

  • click to create and download full zip archive of a project

File names
  • Within a single directory, filenames must be unique. It also applies for directories.
  • Some file systems prohibit particular characters from appearing in filenames:
\ / : * ? " < > |
  • File and folder names are not permitted to begin with a dot ".":
.