ZSH : Oh My ZSH avec Powerlevel10k

Dernière modification : 1 Mai 2023

Temps de lecture : 5 minute(s) - 870 mots

Vous trouverez dans cet article, les étapes pour installer ZSH avec Oh My ZSH et le thème Powerlevel10k.

Plus spécifiquement, pour la configuration de MacOS et Windows WSL.

Installation des applications

Pour MacOS

Les étapes sont :

Installation de Xcode
Installation de Homebrew (package manager)
Installation de iTerm2 , ZSH, FZF, FD, Tree
Installation de Oh My ZSH

Les commandes sont :

 1# Step 1 : Xcode
 2xcode-select --install
 3
 4# Step 2 : Homebrew
 5/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
 6
 7# Step 3 : iTerm2, ZSH, FZF, FD, TREE
 8brew install iterm2 zsh fzf fd tree
 9
10# Step 4 : Oh My ZSH
11sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

Pour Windows WSL (et Linux)

Les étapes sont :

Installation de Windows Terminal
Installation de Windows WSL Ubuntu
Connexion sur WSL 2 avec Windows Terminal et mise à jour de Ubuntu
Installation de ZSH, FZF, FD, Tree
Installation de Oh My ZSH

 1# Step 2 : Windows WSL Ubuntu
 2
 3## Install WSL
 4wsl --install -d ubuntu
 5
 6## Check version
 7wsl -l -v
 8
 9## Set WSL2 if needed
10wsl --set-version ubuntu 2
11
12
13# Step 3 : Update Ubuntu
14sudo apt update && sudo apt upgrade
15
16
17# Step 4 : Installation of zsh fzf fd-find tree
18sudo apt install zsh fzf fd-find tree
19
20
21# Step 5 : Oh My ZSH
22sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
23# Do you want to change your default shell to zsh? [Y/n]
24Y

Configuration des applications

Alias

Creation du fichier de configuration pour stocker vos alias ~/.alias
Ajout du lien entre le fichier de configuration d’alias~/.alias dans le fichier de configuration de ZSH ~/.zshrc

Pour MacOS & Linux :

1
2# Step 1 : Alias file creation
3touch ~/.alias
4
5# Step 2 : Add the Alias config file in ZSH config file
6echo "[[ ! -f ~/.alias ]] || source ~/.alias" >> ~/.zshrc

Pour Windows WSL

1
2# Step 1 : Alias file creation
3echo "alias fd=fdfind" >> ~/.alias
4
5# Step 2 : Add the Alias config file in ZSH config file
6echo "[[ ! -f ~/.alias ]] || source ~/.alias" >> ~/.zshrc

Plugins Oh My ZSH

Installation de powerline fonts (vous trouverz plus d’instructions en suivant ce lien)

Pour MacOS & Linux :

1git clone https://github.com/powerline/fonts.git
2cd fonts
3./install.sh

Pour Windows (avec Windows Terminal) :

 1# Change the current user execution policy
 2set-executionpolicy -scope CurrentUser -executionPolicy Unrestricted
 3get-executionpolicy -list
 4
 5# Install Fonts
 6git clone https://github.com/powerline/fonts.git
 7cd fonts
 8.\install.ps1
 9
10# Change the current user execution policy
11set-executionpolicy -scope CurrentUser -executionPolicy Default

Installation du thème Powerlevel10k et des plugins (manuellement)

 1
 2# Install Theme 
 3git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k
 4
 5
 6# Install plugins
 7git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions
 8git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting
 9git clone --depth 1 https://github.com/unixorn/fzf-zsh-plugin.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/fzf-zsh-plugin
10git clone --depth 1 https://github.com/aubreypwd/zsh-plugin-fd ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-plugin-fd

Modification du fichier de configuration ZSH : ~/.zshrc

 1# Replace the ZSH_THEME config
 2ZSH_THEME="powerlevel10k/powerlevel10k"
 3
 4# Replace the PLUGINS config
 5plugins=(
 6    git
 7    zsh-autosuggestions
 8    zsh-syntax-highlighting
 9    fzf-zsh-plugin
10    zsh-plugin-fd 
11)

Iterm2 (for MacOS)

Récupération du iTerm2 color schemes souhaité
Modification de la police d’écriture : Aller dans iTerm2 > Preferences > Profiles > Text > Font
1. Choisir MesloLGS NF
2. Cocher l’option : Use ligatures
Importer le schéma des couleurs : Aller dans iTerm2 > Preferences > Profiles > Colors
1. Cliquer sur Color Presets ... et selectionner Import...
2. Cliquer sur le schéma des couleurs souhaitées (cf l’étape n°1)
Ajouter des raccourcis : Aller dans iTerm2 > Preferences > Profiles > Keys > Key Mappings
1. Choisir l’icone +
2. Ajouter les raccourcis définis ci-dessous

Shortcut	Action	Esc+
`⌘←`	Send Escape Sequence	`OH`
`⌘→`	Send Escape Sequence	`OF`
`⌥←`	Send Escape Sequence	`b`
`⌥→`	Send Escape Sequence	`f`

Windows Terminal (pour Windows WSL)

Récupérer le schéma des couleurs souhaité à partir de windowsterminalthemes.dev
Ouvrir l’application Windows Terminal et aller dans Windows Terminal > Settings
1. Aller dans Startup
  1. Default Profile : Ubuntu
  2. Default terminal application : Windows Terminal
2. Aller dans Open your settings.json file
  1. Coller le schéma des couleurs dans la balise JSON schemes
3. Aller dans Color Schemes
  1. Choisir votre schéma
4. Pour chaque profile (Defaults, Windows PowerShell, Command Prompt, Ubuntu, Azure CLoud Shell, Git Bash, ….)
  1. Aller dans Appearance
    1. Color scheme : CHoisir votre schéma
    2. Font face : MesloLGS NF

Exemple pour la modification du schéma dans le JSON de configuration :

 1"schemes": 
 2[
 3    {...},
 4    {
 5        "background": "#1B1B1B",
 6        "black": "#1B1B1B",
 7        "blue": "#458588",
 8        "brightBlack": "#928374",
 9        "brightBlue": "#83A598",
10        "brightCyan": "#8EC07C",
11        "brightGreen": "#B8BB26",
12        "brightPurple": "#D3869B",
13        "brightRed": "#FB4934",
14        "brightWhite": "#EBDBB2",
15        "brightYellow": "#FABD2F",
16        "cursorColor": "#EBDBB2",
17        "cyan": "#689D6A",
18        "foreground": "#EBDBB2",
19        "green": "#98971A",
20        "name": "GruvboxDarkHard",
21        "purple": "#B16286",
22        "red": "#CC241D",
23        "selectionBackground": "#665C54",
24        "white": "#A89984",
25        "yellow": "#D79921"
26    },
27    {....}
28]

Powerlevel10K

Exécuter la commande p10k configuration dans l’applicationiterm2 ou windows terminal > ubuntu en utilisant zsh
1. Prompt Style : Lean
2. Character Set : Unicode
3. Prompt Colors : 256 colors
4. Show current time : 24-hour format
5. Prompt Height : Two lines
6. Prompt Connection : Disconnected
7. Prompt Frame : Left
8. Frame Color : Dark
9. Prompt Spacing : Sparse
10. Icons : Many icons
11. Prompt Flow : Concise
12. Enable Transient Prompt : No
13. Instant Prompt Mode : Verbose
14. Overwrite ~/.p10k.zsh : Yes