How do I add, upload, rename, delete or copy a file?

Using the project editor, you can do any of the following...

Add a new file:

New-File

  1. In the project editor, click the ‘New File’ button.
  2. Within the drop-down menu, type in the file name and the extension of the file that you would like to add. By default, it's a JavaScript file, but you can add an HTML file, a CSS file, or whichever type of file is necessary for your project.
  3. Click the ‘Add This File’ button, and the editor will go directly to the file that you just created where you can start adding in code.

Upload an existing file:

Upload-File

  1. In the project editor, click the ‘New File’ button.
  2. In the drop-down menu, click the ‘Upload a File’ button.
  3. In the popup window, navigate to the file you would like to add to your project and click ‘Open’.

Rename a file:

Rename-File

  1. In the project editor, hover over the file you would like to rename and click the three dots directly to the right of your selection.
  2. Select ‘Rename’ and a blinking cursor will appear at the end of the file name.
  3. Type in the new file name and extension.

Note: If you change the file extension, the highlight color of the file will change based on the type of file you choose. So make sure that you're careful of that when you're renaming files!

Copy a file:

Copy-File

  1. In the project editor, hover over the file you would like to copy and click the three dots directly to the right of your selection.
  2. Select ‘Duplicate’.
  3. In the popup alert, type the name of the new file.

Delete a file:

Delete-File

  1. In the project editor, hover over the file you would like to delete and click the three dots directly to the right of your selection.
  2. Select ‘Delete’.
  3. In the popup alert, click OK to confirm deletion.


How To File Operations Getting Started
Article last updated on