Scribd
Upload
59 views3 pages

Step-By-Step Guide To Run A Flutter Project On Your Brand-New MacBook, Starting From Scratch

Uploaded by

pavankalyanbali999
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
59 views3 pages

Step-By-Step Guide To Run A Flutter Project On Your Brand-New MacBook, Starting From Scratch

Uploaded by

pavankalyanbali999
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Athlete Connect iOS App Development & Backend

Setup Manual
2-11-2024

Front-End: Setting Up and Enabling iOS Simulator in Xcode for Flutter Development
1. Install Xcode

1. Open the App Store on your Mac.

2. Search for Xcode and install it.

3. Once installed, open Xcode to complete the initial setup.

4. Accept the license agreement and install any additional required components.
2. Install Command-Line Tools

1. Open Terminal and run:


xcode-select --install

2. Follow the on-screen instructions to install the command-line tools.


3. Enable iOS Simulators in Xcode

1. Launch Xcode.

2. Navigate to Xcode > Settings (or Preferences on older versions).

3. Go to the Platforms tab and ensure that iOS simulators are installed.

4. If not, download the required simulator version by clicking the “+” button.
4. Configure the iOS Simulator

1. Open Xcode.

2. Go to Window > Devices and Simulators.

3. In the Simulators tab, you can view and add simulators.

4. Select a simulator (e.g., iPhone 14 Pro) and click Start to launch it.
5. Install Flutter and Configure iOS Development

1. Ensure Flutter is installed on your system. If not, follow the official Flutter setup guide
for macOS: Flutter Installation Guide.

2. Run the following command to confirm Flutter is set up for iOS development:
flutter doctor

• Check for any issues under the iOS toolchain section. If prompted, fix them by
running:
sudo gem install cocoapods
6. Open the Simulator from Visual Studio Code (VS Code)

1. Install the Flutter and Dart extensions in VS Code.


2. Ensure the simulator is running. You can manually launch it from Xcode or run:
open -a Simulator

3. Open your Flutter project in VS Code.

4. In the VS Code status bar, click on the device dropdown and select the iOS
simulator.

• If it doesn’t appear, restart VS Code and ensure the simulator is running.


7. Run Your Flutter App on the Simulator

1. In VS Code, open the terminal and run:


flutter run

2. Your Flutter app should now run on the iOS simulator.


8. Additional Tips

• Use flutter emulators to list all available emulators.

• To start an emulator from Flutter, run:


flutter emulators --launch <emulator-id>

• Always ensure your simulator matches your target iOS version for smooth development.
Back-End: Installation and Setup Guide
1. Install Node.js from the Official Website

1. Visit the Node.js official website:


https://nodejs.org

2. Download the LTS version for a stable and reliable experience.

3. Open the downloaded .pkg file and follow the installation steps provided in the setup
wizard.

4. Verify the installation:


node -v
npm -v
2. Install Docker

1. Download Docker Desktop:


https://www.docker.com/products/docker-desktop

2. Install Docker:

• Open the downloaded .dmg file and follow the installation instructions.

3. Start Docker:

• Launch Docker Desktop and ensure it is running.

4. Verify the installation:


docker --version
3. Set Up the Project

1. Clone the repository:


• Clone the project from your repository:
git clone <repository-url>

2. Navigate to the project directory:

• Move into the project’s working directory:


cd <project-directory>

3. Install dependencies:

• Use npm to install the required dependencies:


npm install
4. Build and Run the Docker Container

1. Build the Docker image:

• Use the following command to create a Docker image:


docker build -t agent-athlet .

2. Run the Docker image:

• Start the container with this command:


docker run -p 3000:3000 agent-athlet:latest

3. Access the application:

• The application will now be running, and you can access it on your local machine at:
http://0.0.0.0:3000
5. Application Ready
Your application is now set up and running. You can interact with it as needed. If you encounter any
issues, verify the installation steps and logs.

You might also like