macOS Catalina (10.15.4) Front-end Dev Setup

This guide represents the different steps to configure my new Mac for front-end development.

Installation de macOS Catalina

1. Télécharger macOS.
2. Créer une clé d'installation

• Connecter une clé USB d'au moins 12Go au format macOS étendu.
• Ouvrir le terminal et entrer la commande suivante (pour Catalina) :

sudo /Applications/Install\ macOS\ Catalina.app/Contents/Resources/createinstallmedia --volume /Volumes/MyVolume

4. Suivre les instructions
5. Insérer la clé USB et démarrer avec la touche alt enfoncée pour choisir le volume de démarrage

Préparation initiale

• Connexion au wifi
• Supprimer les applications inutiles du Dock : Mail, FaceTime, Messages, Plans, Photos, Contacts, Calendrier, Rappels, iTunes, Podcasts, TV

Préférences Système

• Moniteurs > Résolution : à l’échelle > Plus d'espace
• Trackpad > Toucher pour cliquer
• Accessibilité > Contrôle du pointeur > Options du trackpad > Activer le glissement > faire glisser avec 3 doigts
• Connectez-vous à votre identifiant Apple
• Spotlight > Raccourcis clavier… > décocher Afficher la recherche Spotlight

Préférences Finder

• Barre latérale :
  • Décocher des Favoris : AirDrop
  • Cocher dans les Favoris : Vidéos, Musique, Images, Utilisateur
  • iCloud : décocher
• Présentation :
  • Afficher la barre du chemin d'accès
  • Afficher la barre d'état

Xcode

1. Télécharger Xcode depuis l'Appstore
2. Installer les outils en ligne de commande

xcode-select --install

3. Lancer Xcode and accepter le contrat de licence

ZSH/Prezto

Prezto is the configuration framework for Zsh; it enriches the command line interface environment with sane defaults, aliases, functions, auto completion, and prompt themes.

Installation

1. Lancer Zsh :

zsh

2. Cloner le dépôt :

git clone --recursive https://github.com/sorin-ionescu/prezto.git "${ZDOTDIR:-$HOME}/.zprezto"

3. Créer une nouvelle configuration Zsh

setopt EXTENDED_GLOB
for rcfile in "${ZDOTDIR:-$HOME}"/.zprezto/runcoms/^README.md(.N); do
  ln -s "$rcfile" "${ZDOTDIR:-$HOME}/.${rcfile:t}"
done

4. Définir Zsh comme shell par défault

chsh -s /bin/zsh

5. Ouvrir Zsh dans un nouveau terminal

Mise à jour

...

Usage

...

Homebrew

...

Git

...

SSH

...

node.js (via nvm)

Node Version Manager (nvm) permet de gérer plusieurs versions de node.js.

L'installation avec Homebrew n'est pas supporté par nvm.

Installation

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

Si en redémarrant le terminal il y a une erreur comme : zsh compinit: insecure directories, run compaudit for list., exécuter la commande suivante :

compaudit | xargs chmod g-w

Installation de node.js

nvm install node # "node" is an alias for the latest version

Yarn

Yarn is a package manager that doubles down as project manager. Whether you work on one-shot projects or large monorepos, as a hobbyist or an enterprise user, we've got you covered.

Installation

npm install -g yarn

Une fois l'installation terminée, vérifier la version :

yarn --version

La version devrait être quelquechose comme 1.22.4. Il est possible de paramétrer la version de Yarn dans chaque projet.

Docker

...

Logiciels

App Store (macOS)

• WhatsApp Desktop
• Telegram
• Lightshot Screenshot
• Slack
• Evernote

Autres

• Utilitaires :
  • Alfred : Productivity App for macOS
  • Spectacle : Move and resize windows with ease
  • iTerm2 Version 3 : terminal emulator for macOS
• Navigateurs :
  • Chrome
  • Firefox
• Communication :
  • Skype