Claude Code editor integration

Claudix

Gorgeous Claude Code Extend for VS Code.

1,123 stars 79 forksEditor integrations Source

Install

From source
git clone https://github.com/Haleclipse/Claudix.git

From the README

Claudix

English | 简体中文

A VSCode extension that brings Claude Code directly into your editor.

Overview

Claude Code integrates Claude AI into VSCode, providing an interactive coding assistant with conversation history, tool integration, and intelligent code understanding.

Features

- Interactive chat interface with Claude Code
- Session management and conversation history
- Intelligent file operations and code analysis
- Terminal command execution
- Permission-based tool access
- Support for multiple Claude models
- Real-time streaming responses
- Syntax highlighting and markdown rendering

Installation

Install the generated .vsix file in VSCode through Extensions > Install from VSIX.

Development

Running in Development Mode

Start the development server with hot module replacement:

This will concurrently start:
- Vite dev server (port 5173) for the webview
- esbuild watcher for the extension

Debugging

Open the project in VSCode and use the debugging configurations:

Run Extension
Full build mode without HMR. The extension will be built from scratch before launching.

- Press F5 or select "Run Extension" from the debug panel
- Suitable for production-like testing

Run Extension (HMR)
Development mode with hot module replacement for the webview.

- Select "Run Extension (HMR)" from the debug panel
- Webview changes will reload automatically without restarting the extension
- Faster iteration during development

Build Commands

Usage

1. Open the Claude Code sidebar from the activity bar
2. Start a new conversation or continue from history
3. Ask questions, request code changes, or get help with your project
4. Review and approve tool operations when prompted

Requirements

- VSCode >= 1.98.0
- Node.js >= 18.0.0

Contributing

Contributions are welcome! If you…
Read the full README on GitHub

Details

Language
Vue
License
AGPL-3.0
Last updated
1 April 2026

FAQ

What is Claudix?

Gorgeous Claude Code Extend for VS Code. It is a editor integration for Claude Code, from Haleclipse/Claudix on GitHub.

How do I install Claudix?

Clone Haleclipse/Claudix from GitHub and follow the setup steps in its README.

Is Claudix popular?

Haleclipse/Claudix has 1,123 GitHub stars and 79 forks, and is included in 1 curated Claude Code list. It was last updated on 1 April 2026.

More editor integrations

Browse the most popular Claude Code mods, all editor integrations, or the skills and MCP server directories.