By the end of this lesson, you will:
Definition: Vibe coding is the practice of creating an aesthetically pleasing, personalized development environment that makes you excited to code. It's where productivity meets personal expression.
When your environment looks good:
Transform your boring terminal into art:
# Install Oh My Zsh
sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"
# Install Powerlevel10k theme
git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k
# Edit ~/.zshrc
ZSH_THEME="powerlevel10k/powerlevel10k"
# Install Windows Terminal from Microsoft Store
# Install Oh My Posh
winget install JanDeDobbeleer.OhMyPosh -s winget
# Install Nerd Font
oh-my-posh font install FiraCode
# Configure PowerShell profile
notepad $PROFILE
# Add: oh-my-posh init pwsh | Invoke-Expression
Popular Aesthetic Themes:
Configure to show:
// settings.json
{
"workbench.colorTheme": "Synthwave '84",
"editor.fontFamily": "'Fira Code', 'Cascadia Code', monospace",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.lineHeight": 1.6,
"editor.letterSpacing": 0.5,
"editor.cursorBlinking": "smooth",
"editor.cursorStyle": "line",
"editor.smoothScrolling": true
}
Enable glow effects:
/* Custom CSS for VS Code */
.monaco-editor .cursor {
box-shadow: 0 0 10px #00ff00;
}
.monaco-editor .selected-text {
background: linear-gradient(45deg, #ff006650, #0099ff50);
}
Lo-fi Hip Hop (Most Popular)
Recommended Playlists:
# Install spotify-tui (Terminal Spotify)
brew install spotify-tui
# Or use cmus for local files
brew install cmus
Add to ~/.gitconfig:
[alias]
# Beautiful log graph
lg = log --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit
# Rainbow log
rainbow = log --graph --pretty=format:'%C(red)%h%C(reset) - %C(yellow)%d%C(reset) %s %C(green)(%cr) %C(bold blue)<%an>%C(reset)' --abbrev-commit --all
# Emoji commits
yolo = !git commit -m \"$(curl -s https://whatthecommit.com/index.txt)\"
Create ASCII art in your commit graph:
# Create pattern commits
for i in {1..10}; do
echo $i > file.txt
git add .
git commit -m "🎨 Pattern commit $i"
sleep 1
done
Scene 1: Main Coding
Scene 2: Debugging
Scene 3: Break Screen
Essential Elements:
Green Screen Alternative:
- Use solid color background
- Key out in OBS
- Add animated backgrounds
- Particle effects
- Matrix rain effect
# Hide desktop icons
defaults write com.apple.finder CreateDesktop false
killall Finder
# Custom dock
brew install --cask camo # Gradient dock backgrounds
# Install i3 window manager
sudo apt install i3 polybar rofi
# Aesthetic file manager
sudo apt install ranger
# System monitor
sudo apt install htop neofetch
ThePrimeagen - Speed demon with vim
Fireship - Clean and modern
GeorgeHotz - Hacker aesthetic
Remember: The best setup is the one that makes YOU want to code. Whether it's:
The goal is to create an environment where you love spending time.
Can't wait? Here's a 5-minute vibe:
You're now vibe coding! Let's customize further in the activities.