Stars
AI Ready Code Editor? This is Zed Editor for Beginners
calendar16 Mar 2025
read10 minute read

AI Ready Code Editor? This is Zed Editor for Beginners

Looking to get started with Zed Editor for beginners? In this guide, we’ll explore what is Zed Editor, its key features, and a step-by-step Zed Editor tutorial on how to use Zed Editor effectively. By the end, you’ll know everything needed to code efficiently with this powerful editor!

Zed Editor for Beginners

🚀 What is Zed Editor?

Zed Editor for beginners is a next-generation code editor designed to deliver an ultra-fast, intelligent, and collaborative coding experience. Unlike traditional editors, Zed is written in Rust, leveraging multiple CPU cores and GPU acceleration for a smooth and responsive interface. It integrates AI-powered code assistance, real-time collaboration, and native Git support, making it an ideal choice for modern developers.

🔥 Key Features of Zed Editor

  • Blazing Fast Performance – Written in Rust, Zed efficiently uses multiple CPU cores and GPU to offer lightning-fast responsiveness. No more lags or slowdowns!
  • 🤖 AI-Powered Coding – With built-in Large Language Model (LLM) integration, Zed assists in code completion, transformation, and intelligent refactoring.
  • 👥 Real-Time Collaboration – Work seamlessly with your team! Zed Editor for beginners enables live editing, chat, and screen sharing without extra plugins.
  • 🔄 Native Git Support – First-class Git integration for staging, committing, pushing, and viewing diffs – all within the editor.
  • 🌍 Remote Development – Run the Zed UI locally while keeping your actual codebase on a remote server, reducing local system overhead.
  • 💡 Smart Editing Features – Includes edit prediction, multi-buffer editing, and syntax-aware selections for an efficient workflow.
  • 🛠 Multi-Language Support – Supports Tree-sitter, WebAssembly, and LSP, making it a powerful tool for any developer.
  • 🔓 Fully Open Source – Unlike many proprietary editors, Zed is completely open-source, allowing developers to customize, contribute, and extend its functionality as needed.

🛠 Installing Zed Editor for Beginners

Getting started with Zed Editor for beginners is a simple process! Before diving into the installation, it's important to check if your system meets the necessary hardware and software requirements.

🖥 System Requirements for Zed Editor

Before installing, ensure your system meets the minimum requirements for smooth performance. Since Zed is designed for speed and efficiency, it primarily supports macOS and Linux at the moment, with Windows support expected in the future.

✅ Minimum System Requirements:

  • Operating System: macOS (12+) or Linux (64-bit)
  • Processor: Multi-core CPU with at least 2 GHz speed
  • RAM: 4GB (8GB recommended for best performance)
  • Storage: At least 500MB of free disk space
  • Graphics: GPU acceleration is recommended for optimal performance

⚠️ Windows Support:

As of now, Zed Editor does not have an official Windows version. However, developers can run it using WSL (Windows Subsystem for Linux) as a workaround. Find the tutorial for doing so here.

🍏 Installing Zed Editor on macOS

To install Zed Editor for beginners on macOS, follow these steps:

1️⃣ Install Dependencies

Ensure you have the required dependencies before installing Zed:

  • Install Rustup (Rust package manager):
    curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
  • Install Xcode from the Mac App Store or Apple Developer website.
  • Enable Xcode command-line tools:
    xcode-select --install
  • Verify Xcode command-line tools:
    sudo xcode-select --switch /Applications/Xcode.app/Contents/Developersudo xcodebuild -license accept
  • Install CMake(Required dependency):
    brew install cmake

2️⃣ Install Backend Dependencies (For Collaboration Features)

If you plan to use Zed’s collaborative coding features, install:

brew install livekit foreman postgres
docker compose up -d

3️⃣ Build Zed from Source

Once dependencies are installed, build Zed using Cargo:

  • For a debug build:
    cargo run
  • For a release build:
    cargo run --release
  • To run tests:
    cargo test --workspace

🐧 Installing Zed Editor on Linux

For Linux users, Zed Editor can be installed using a simple script or via package managers.

1️⃣ Install Using the Official Script

Run the following command to install Zed:

curl -f https://zed.dev/install.sh | sh

For a preview build with the latest updates:

curl -f https://zed.dev/install.sh | ZED_CHANNEL=preview sh

2️⃣ Ensure System Compatibility

  • Requires Vulkan-compatible GPU for the best experience.
  • glibc requirements:
    • x86_64 (Intel/AMD): glibc ≥ 2.31 (Ubuntu 20+).
    • aarch64 (ARM): glibc ≥ 2.35 (Ubuntu 22+).

3️⃣ Alternative Installation via Package Managers

If you prefer a package manager, you can install Zed Editor for beginners from:

  • Flathub: dev.zed.Zed
  • Arch Linux (AUR): zed-git, zed-preview, zed-preview-bin
  • Fedora/Terra: zed, zed-preview, zed-nightly
  • openSUSE, Manjaro, Solus, Parabola, AOSC OS: zed

4️⃣ Manual Installation

Alternatively, download and extract the tarball:

mkdir -p ~/.local
tar -xvf path/to/zed-linux-x86_64.tar.gz -C ~/.local
ln -sf ~/.local/zed.app/bin/zed ~/.local/bin/zed

🛠️ How to Use Zed Editor

Zed Editor for Beginners offers a range of features designed to enhance your coding experience. Here's a guide to help you navigate and utilize its key functionalities:

🗂️ Outline Panel

The Outline Panel provides a structured view of your code, displaying functions, classes, and other significant elements. This feature enables quick navigation and a clear understanding of your code's architecture. Access the Outline Panel via the command palette by searching for "outline panel: toggle focus."

🤖 Code Completions

Zed offers intelligent code completions, assisting you with context-aware suggestions as you type. This feature accelerates coding and minimizes errors. To utilize code completions, simply start typing, and Zed will present relevant suggestions based on your input.

📡 Channels and Collaboration

Channels in Zed facilitate seamless collaboration among developers. By joining a channel, you can share projects, engage in pair programming, mentor peers, and maintain ambient awareness of team activities. To open the collaboration panel, press cmd-shift-c or use the command palette with "collab panel: toggle focus." Within a channel, you can share your project, allowing others to edit the code hosted on your machine as if they had it checked out locally. 

🌐 Git Integration

Zed's Git integration streamlines version control within the editor. Features include committing, staging, pushing, pulling, viewing diffs, and branch management. Access the Git Panel to monitor your working tree and staging area, ensuring changes are tracked and managed effectively. You can also view inline diffs and revert changes directly within the editor. 

🖥️ Remote Development

Zed supports remote development, allowing you to code efficiently even when your codebase resides on a remote server. The Zed UI runs locally for immediate responsiveness, while heavy computations occur on the development server. To set up remote development, ensure you can SSH into the remote server and use the "Remote Projects" dialog (ctrl-cmd-o or alt-ctrl-shift-o) to connect. 

⚙️ Environment Variables

Understanding how Zed handles environment variables is crucial for tasks, terminals, language servers, and more. If launched from the CLI, Zed inherits the shell session's environment variables. When opened via a window manager or launcher, Zed spawns a login shell in the user's home directory to set its environment. For project-specific environments, Zed spawns a login shell in the project's directory, ensuring the appropriate variables are applied. 

🎨 Customizing Your Zed Editor Experience

Zed Editor for beginners offers a wealth of customization options to tailor your coding environment to your preferences. Let's explore some key customization features:

🛠 Configuring Zed

Zed allows you to personalize various settings through the settings.json file. You can adjust editor behavior, appearance, and functionality to suit your workflow. Access this configuration file via the command palette with zed: Open Settings. 

🌐 Configuring Languages

Customize language-specific settings by defining them in the languages section of your settings.json. This includes setting tab sizes, enabling or disabling language servers, and configuring formatters. For example, to set a tab size of 4 for Python:

"languages": {
  "Python": {
    "tab_size": 4
  }
}

🎹 Key Bindings

Zed's key binding system is highly customizable. You can select from predefined keymaps like VSCode, Atom, Emacs, JetBrains, SublimeText, or TextMate by setting the base_keymap in your settings. To customize further, edit the keymap.json file, accessible via the command palette with zed: Open Keymap. For example, to map ctrl-right to select a larger syntax node:

[
  {
    "bindings": {
      "ctrl-right": "editor::SelectLargerSyntaxNode"
    }
  }
]

✂️ Snippets

Enhance your coding efficiency by creating code snippets. Store snippet files in the ~/.config/zed/snippets directory, with each file targeting a specific language. For instance, a javascript.json file might contain:

{
  "Log to the console": {
    "prefix": "log",
    "body": ["console.log($1);", "$0"],
    "description": "Log to the console"
  }
}

🎨 Themes

Customize the editor's appearance by selecting from built-in themes or installing additional ones. Access the Theme Selector via the command palette with "theme selector: Toggle" to preview and apply themes. To set themes for light and dark modes, modify your settings.json:

{
  "theme": {
    "mode": "system",
    "light": "One Light",
    "dark": "One Dark"
  }
}

🗂 Icon Themes

Personalize file and folder icons by selecting different icon themes. Use the Icon Theme Selector, accessible via the command palette with "icon theme selector: toggle", to preview and apply icon themes. Configure your preferred icon themes for light and dark modes in the settings.json:

{
  "icon_theme": {
    "mode": "system",
    "light": "Light Icon Theme",
    "dark": "Dark Icon Theme"
  }
}

📝 Vim Mode

For users accustomed to Vim, Zed offers a Vim emulation layer. Enable it by setting vim_mode to true in your settings. This mode supports core Vim features like motions and commands, integrated with Zed's functionalities such as semantic navigation and multiple cursors. Customize Vim key bindings within the keymap.json file.

🛠 Extending Zed Editor with Extensions

Zed Editor for beginners supports a growing library of 500+ extensions, allowing users to enhance functionality, add language support, customize themes, and integrate tools. Developers are actively creating new extensions, making Zed even more powerful.

🔍 Installing Extensions

You can install extensions via the Zed Extension Gallery:

  • MacOS: Press cmd + shift + x
  • Linux: Press ctrl + shift + x
  • Use the command palette and search for zed: extensions
  • Navigate to Zed -> Extensions from the menu bar

This opens the Extension Manager, where you can view installed extensions or browse for new ones.

📍 Extension Installation Locations

  • macOS: ~/Library/Application Support/Zed/extensions
  • Linux: $XDG_DATA_HOME/zed/extensions or ~/.local/share/zed/extensions

Each extension is stored in directories:

  • installed → Contains extension source code
  • work → Stores files created by extensions (e.g., language servers)

Among the hundreds of available extensions, some of the most widely used include:

🌍 Language Support Extensions

  • HTML (1.3M installs)
  • PHP (154K installs)
  • SQL (103K installs)
  • Java (123K installs)
  • Vue (93K installs)
  • Ruby (82K installs)
  • LaTeX (75K installs)

🎨 Theme & UI Customization Extensions

  • Catppuccin Theme (286K installs)
  • macOS Classic Theme (157K installs)
  • Git Firefly Syntax Highlighting (118K installs)
  • Tokyo Night Themes (78K installs)
  • One Dark Pro (VSCode Port) (62K installs)
  • The Dark Side Theme (53K installs)

🛠 Development Tools

  • Dockerfile Support (122K installs)
  • Makefile Syntax Highlighting (58K installs)
  • Log File Syntax Highlighting (43K installs)

🎯 Conclusion

Zed Editor for beginners is a fast, intelligent, and collaborative open-source code editor designed to enhance the development experience. In this guide, we covered:

✅ What is Zed Editor? – A Rust-powered, GPU-accelerated editor with AI integration and real-time collaboration.
✅ Installation Steps – How to install Zed on macOS, Linux, and Windows (via WSL).
✅ Customization Options – Personalizing themes, key bindings, snippets, and language configurations.
✅ Extensions – Expanding functionality with 500+ extensions for language support, themes, and tools.
How to Use Zed – Exploring code completions, Git integration, remote development, collaboration, and the outline panel.

With its modern features and seamless workflow, Zed is a game-changer for developers looking for an efficient, high-performance coding experience.

Code Icon
Fasttrack Frontend
Development using CodeParrot AI
Background
CodeParrot Logo

CodeParrot

Ship stunning UI Lightning Fast

Y Combinator