Configuration Mac OS X pour le développement

Environnement de développement 26/07/2020 1 min

Hello,

Je viens de remplacer mon vieux MacBook (2015) et pourquoi ne pas partager ma configuration de développement nouvellement installé !

La configuration de votre outil de travail et bien souvent stoker dans des fichiers dot (fichiers dont le nom commence par un point et se trouve caché sur votre hôte). Vous retrouverez sur Github mon dotfiles, vous pouvez me laisser une issue ou j'essayerais d'y répondre. J'ai trouvé l'inspiration avec Simon Owen, Mathias Bynens et une très jolie configuration chez Tania Rascia. En voir plus sur les dotfiles.

Tout d'abord, je dois installer les outils de développement avec l'installation de Xcode puis ouvrons l'application Terminal.app dans le dossier ~/Application du Finder, installer Homebrew pour la gestion des paquets dans Mac OS en tapant la ligne de commandes suivantes :

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

Une fois installé, je peux faire comme ceci pour installer mon environnement de travail :

# brew.sh
# Vérifier que tout est à jour
brew update
# Voir le fichier de configuration de brew.sh <https://github.com/joellesenne/dotfiles/blob/master/brew.sh>
brew install node # Noter que NPM sera installé avec l'installation de node.js
brew install zsh
brew install wget
# Visualiser la version de Node.js
node -v
# Visualiser la version de NPM
npm -v

Une liste est à disposition pour l'installation d'autres formules – brew formula

Vous pouvez aussi, installer les logiciels de votre choix pour vos applications de développement Web.

# brew.sh
brew cask install google-chrome
brew cask install firefox
brew cask install opera
brew cask install iterm2
brew cask install vscode
brew cask install postman
brew cask install iterm2
brew cask install alfred
...
# Supprimez les versions obsolètes
brew cleanup

Une liste est à disposition pour l'installation d'autres logiciels – brew cask

Ensuite, je crée un fichier ~/.gitconfig à la racine de l'utilisateur /Users/<username> (remarquez le point au début du fichier qui indique que c'est un fichier "dot" caché)

touch .gitconfig

Toutefois pour visualiser les fichiers cachés ou dossiers cachés, vous devez taper cette ligne de commandes à retrouver sur le fichier ~/.macos

# .macos
# Par défaut afficher les fichiers cachés
defaults write com.apple.finder AppleShowAllFiles TRUE
# Relancez le Finder
killall Finder
# Par défaut masquer les fichiers cachés
defaults write com.apple.finder AppleShowAllFiles FALSE
# Relancez le Finder
killall Finder

Après, je dois configurer Git pour mes projets sur GitHub

# .gitconfig
[user]
name = <remplacé par votre nom>
email = <remplacé par votre mail>
...

Je peux aussi me créer des raccourcis clavier pour Git

# .gitconfig
[alias]
a = add .
b = branch
bd = branch develop
bf = branch feature
cm = commit -m
ck = checkout
pl = pull
ps = push
...

Exemple tapé sur le Terminal git a au lieu de git add .

J'ai ajouté ce fichier ~/.aliases toujours à la racine, pour créer des raccourcis supplémentaires

# .aliases
# Navigation
alias ..="cd .." # Remonter 1 répertoire en arrière
alias ...="cd ../.." # Remonter 2 répertoires en arrière
alias ....="cd ../../.." # Remonter 3 répertoires en arrière
alias .....="cd ../../../.." # Remonter 4 répertoires en arrière
# Raccourcis
alias d="cd ~/Dropbox"
alias dl="cd ~/Downloads"
alias dt="cd ~/Desktop"
alias g="git"
...

Tiens voilà un cas concret avec la commande git, on peut taper maintenant le raccourci g à la place de git exemple :

g b # À la place de `git branch`

J'ai installé le logiciel Iterm2.app plus sympathique que le Terminal.app de Mac OS

Capture d'écran Iterm2

Pour personnaliser le rendu visuel avec iTerm2 installer ohmyzsh avec le thème p10k ensuite, tapez cette ligne de commandes et laissez vous guider

p10k configure

Vous aurez à installer les polices utiles et Hack Nerd Fond pour l'utilisation du thème.

Un exemple avec l'installation sur vscode

Capture d'écran Visual Code

Toutefois d'autres thèmes existent sur ohmyzsh

Voilà, c'est fini pour aujourd'hui, j'espère que vous avez apprécié cet article, il y a tellement de choses à dire sur ce sujet, que d'autres articles suivront.


Merci de votre patience. J’ai créé ce site pour partager ma passion du Web en proposant à la fois des projets personnels ou professionnels et parler code sur mon blog. Vous pouvez me retrouver sur Twitter. Voir d'autres articles dans la catégorie Environnement de développement

← Précédente

Suivant →

Biographie

Joël Lesenne
  • 👨‍💻Je suis un développeur et intégrateur Web.
  • 🇫🇷Je suis né près de Lille(59), je vis à Lyon(69) France.
  • 💻Je crée des interfaces UX/UI originale et moderne.

Rester en contact

M’écrire pour parler de votre projet contact@joellesenne.dev, voir mon CV, mon Laboratoire ou me trouver sur d'autres plateformes : Dribbble Instagram Github Codepen & Twitter