# Configurer son environnement de développement ReactNative sur MacOSX

> Dans cet article je vais vous résumer les étapes pour configurer votre environnement de développement pour être prêt à développer une app iOS. XCode La premiere…

- Auteur: Jérôme Giacomini
- Langue: fr
- URL canonique: [Configurer son environnement de développement ReactNative sur MacOSX](https://jeromegiacomini.net/fr/articles/environnement-developpement-reactnative-macosx)
- Dernière modification: 2026-09-05
- Thèmes: Windows, Visual Studio, Mobile

Dans cet article je vais vous résumer les étapes pour configurer votre environnement de développement pour être prêt à développer une app iOS.

### XCode

La premiere étape et non des moindres consiste à installer XCode sur votre machine.
Pour installer XCode rien de plus simple il suffit d'aller sur le Mac App Store et rechercher l'app XCode, puis de cliquer sur installer.

![xcode.png](/media/sans-date/environnement-developpement-reactnative-macosx/images/75-5f018452-a137-4d5a-88d2-8ae47eb622c6_xcode.png)

### Installation de Node et Watchman

La première étape sera d’installer Brew qui va nous permettre d’installer plus facilement les dépendances dont nous avons besoin.
Exécuter cette ligne de commande dans le terminal :

```bash
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
```


Une fois brew installé, nous allons pouvoir installer Node que ReactNative utilise pour servir les contenus aux devices.

```bash
brew install node 
```


Puis nous installons Watchman :

```bash
brew install watchman
```


### Installation ReactNativeCLI

Pour installer réactNative il suffit juste d'exécuter dans le terminal :

```bash
npm install -g react-native-cli
```


**A noter que npm a été installé lorsque l'on a installé node**

### Tester votre installation ReactNative

Pour tester l'installation rien de plus simple il suffit d'éxecuter ces 3 commandes dans votre terminal.

```bash
react-native init AwesomeProject 
cd AwesomeProject 
react-native run-ios
```


Cela vous créera un projet ReactNative et le lancera dans votre Simulateur iOS.
![iOSSuccess.png](/media/sans-date/environnement-developpement-reactnative-macosx/images/29-d6a677c3-3665-40a1-befd-7c20b1a1d5c8_iOSSuccess.png)

### Configurer Visual Studio Code

Pour configurer Visual Studio Code, il suffit d'installer l'extension : React Native Tools.
![reactNativeTool.png](/media/sans-date/environnement-developpement-reactnative-macosx/images/7-91fe073f-5fb7-4c77-8029-b4669720af6a_reactNativeTool.png)
Pour pouvoir debugger depuis Visual Studio Code il faut ajouter une configuration dans le fichier launch.json de la manière suivante :
![addConfig.gif](/media/sans-date/environnement-developpement-reactnative-macosx/images/37-ee5de0ef-30a9-4d5d-81c4-679394905a01_addConfig.gif)

Cet article fait partie d'une série d'article sur ReactNative
1. [Présentation de ReactNative](https://blogs.infinitesquare.com/posts/mobile/presentation-de-reactnative)
2. [Configurer son environnement de développement ReactNative sur Windows](https://blogs.infinitesquare.com/posts/mobile/react-native-et-typescript-sur-windows-comment-bien-demarrer)
3. [Configurer son environnement de développement ReactNative sur MacOSX](https://blogs.infinitesquare.com/posts/mobile/environnement-developpement-reactnative-macosx)


Happy Coding :D