Setting up FFS

In this guide, we'll run through the process of getting your project and code editor set up for working on custom power-ups in Fiero.

Step 1: Install VS Code

1. Go to the official Visual Studio Code website. Currently, the only supported editor is VS Code but we'll be expanding this to cover other editors in the future.
2. Click the Download button for your operating system (Windows, macOS, or Linux).
3. Install the software by following the on-screen instructions.

Step 2: Install the Fiero extension

1. To use Fiero in VS Code, visit the Fiero extension page on the marketplace.
2. Click Install on the website, which will automatically open the extension in VS Code.
3. If a confirmation pop-up appears in the website, click Continue again to proceed.
4. Click Install on the VS Code and wait for the installation to complete, this may take a few seconds.

Once the extension is installed, you're all set to use Fiero in your projects!

Step 3: Create a new folder for your project

1. On your computer, create a folder where your project files will be stored.
   • Example: Name the folder something like MyFirstProject or FieroProject.
2. Keep this folder empty for now.

Step 4: Open the folder in VS Code

1. In VS Code, click on File in the top menu, then select Open Folder (or Open on macOS).
2. Navigate to the folder you just created and select it.
3. Click OK or Open to load the folder into VS Code.

You'll now see your project folder displayed in the Explorer panel on the left side of the screen.

Step 5: Add your first file

1. In the Explorer panel on the left side of the screen, right-click on your project folder.
2. From the menu that appears, click New File.

3. Name your file. Important:
   • Do not use spaces in file names.
   • Use underscores (_) or dashes (-) instead, if needed.
   • For example, name the file powerups.ffs or MyFirstPowerUp.ffs.
4. Press Enter, and the file will open in the editor.

Now it's time to sync your file to the Fiero platform.