In this categoryVS Code Setup ยท 25
- How to Set Up GitHub Copilot in VS CodeStart
- How to Use Copilot Chat and Inline Chat in VS Code
- How to Install and Manage Extensions in VS Code
- How to Install the Continue Extension in VS Code
- How to Install Cline, the Autonomous Coding Agent, in VS Code
- How to Configure Continue with an API Model
- How to Set Up an AI Assistant in VS Code
- How to Run Continue with a Local Model Using Ollama
- How to Run Copilot, Continue, and Cline Together Without Conflicts
- How to Add an MCP Server to Cline
- How to Fix AI Suggestions Not Appearing in VS Code
- How to Install and Trust an AI Extension in VS Code
- How to Install a VS Code Extension from the Command Line
- How to Create a launch.json to Debug a Node.js App in VS Code
- How to Initialize a Git Repository in VS Code
- How to Stage, Commit, and Push Changes from VS Code
- How to Debug a Browser App in VS Code with the Built-in Chrome Debugger
- How to Resolve Git Merge Conflicts in VS Code
- How to Run Build and Dev Commands with tasks.json in VS Code
- How to Add Environment Variables to a VS Code Debug Configuration
How to Install Cline, the Autonomous Coding Agent, in VS Code
Install Cline, connect a model, and run your first agent task that reads and edits files with your approval.
Cline is an AI agent that lives in VS Code and can plan a task, read your files, run terminal commands, and edit code, asking for your approval at each step. It is more autonomous than a chat assistant. This guide installs Cline, connects it to a model, and runs a first safe task.
What you need
- VS Code installed
- An API key from a model provider, or a local model via Ollama
- A project folder open in VS Code
- About 8 minutes
Step 1: Install Cline
Open the Extensions view and search for Cline. Install the extension, then click its robot icon in the Activity Bar to open the agent panel.
Step 2: Connect a model
On first open, Cline asks you to choose an API provider and paste a key. Pick your provider from the dropdown, select a capable model, and paste your key. Cline stores it in VS Code's secret storage, not in a plain file.
Step 3: Give it a task
Type a task in plain language, such as add a README with setup instructions for this project. Cline plans the steps, then shows you each file read, each edit, and each command before it runs. Nothing happens without your approval unless you turn on auto-approve.
Step 4: Review the diff and complete
When Cline edits a file it shows a diff. Click Save to accept or Reject to discard. Once the task finishes, the new or changed files are in your workspace, ready for you to test and commit.
# My Project
## Setup
1. Install dependencies: npm install
2. Start the dev server: npm run dev
3. Open http://localhost:3000Result
Cline is installed, connected to a model, and has completed a task with your approval at each step. You now have an agent that can take on multi-step work while you stay in control of every change.
Watch related tutorials
14:00
15:50
10:00
14:27
6:41
16:12New guides in your inbox
Fresh step-by-step how-to guides as we publish them. One email a week, no more.