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

Add a new file:

 

 

1. In the project editor, click the + at the top of the file list.
2. In the pop-up 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 Add This File, and the project editor will go directly to the file that you just created where you can start adding in code.

 

Upload an existing file:

 

 

1. In the project editor, click the + at the top of the file list.
2. In the drop-down menu, click Upload a File.
3. In the popup window, navigate to the file you would like to add to your project and click Open.

 

Rename a 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.

Copy a 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:

 

 

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.