Continue.dev 치트 시트

개요

Continue.dev는 개발자에게 완전한 제어권을 부여하는 오픈 소스 AI 코드 어시스턴트입니다. 모델에 구애받지 않고, 고도로 커스터마이징 가능하며, 모든 LLM 제공업체 또는 로컬 호스팅 모델과 함께 실행할 수 있습니다. 유연성과 프라이버시가 필요한 팀에 완벽합니다.

⚠️ 참고: 무료 및 오픈 소스, 다중 LLM 제공업체 지원

설치

VS Code

# Install from VS Code Marketplace
# Search for "Continue" in Extensions
# Or install via command line
code --install-extension Continue.continue

# Verify installation
# Check Extensions panel for Continue

JetBrains IDE

# Install from JetBrains Plugin Repository
# Go to File > Settings > Plugins
# Search for "Continue" and install
# Restart IDE after installation

수동 설치

# Clone repository
git clone https://github.com/continuedev/continue.git
cd continue

# Install dependencies
npm install

# Build extension
npm run build

# Package for VS Code
npm run package

초기 구성

기본 설정

// ~/.continue/config.json
\\\\{
  "models": [
    \\\\{
      "title": "GPT-4",
      "provider": "openai",
      "model": "gpt-4",
      "apiKey": "your-openai-api-key"
    \\\\}
  ],
  "tabAutocompleteModel": \\\\{
    "title": "Codestral",
    "provider": "mistral",
    "model": "codestral-latest",
    "apiKey": "your-mistral-api-key"
  \\\\}
\\\\}

다중 모델 설정

\\\\{
  "models": [
    \\\\{
      "title": "GPT-4 Turbo",
      "provider": "openai",
      "model": "gpt-4-turbo-preview",
      "apiKey": "your-openai-key"
    \\\\},
    \\\\{
      "title": "Claude 3",
      "provider": "anthropic",
      "model": "claude-3-opus-20240229",
      "apiKey": "your-anthropic-key"
    \\\\},
    \\\\{
      "title": "Local Llama",
      "provider": "ollama",
      "model": "llama2:7b"
    \\\\}
  ]
\\\\}

모델 제공업체

OpenAI

\\\\{
  "title": "GPT-4",
  "provider": "openai",
  "model": "gpt-4",
  "apiKey": "sk-...",
  "apiBase": "https://api.openai.com/v1",
  "requestOptions": \\\\{
    "temperature": 0.7,
    "maxTokens": 2048
  \\\\}
\\\\}

Anthropic Claude

\\\\{
  "title": "Claude 3",
  "provider": "anthropic",
  "model": "claude-3-opus-20240229",
  "apiKey": "sk-ant-...",
  "requestOptions": \\\\{
    "temperature": 0.5,
    "maxTokens": 4096
  \\\\}
\\\\}

로컬 모델 (Ollama)

\\\\{
  "title": "Local Code Llama",
  "provider": "ollama",
  "model": "codellama:7b",
  "apiBase": "http://localhost:11434",
  "requestOptions": \\\\{
    "temperature": 0.2,
    "numPredict": 1024
  \\\\}
\\\\}

Azure OpenAI

\\\\{
  "title": "Azure GPT-4",
  "provider": "azure",
  "model": "gpt-4",
  "apiKey": "your-azure-key",
  "apiBase": "https://your-resource.openai.azure.com",
  "apiVersion": "2023-12-01-preview",
  "deploymentName": "gpt-4-deployment"
\\\\}

OpenRouter

\\\\{
  "title": "OpenRouter GPT-4",
  "provider": "openrouter",
  "model": "openai/gpt-4",
  "apiKey": "sk-or-...",
  "requestOptions": \\\\{
    "temperature": 0.7
  \\\\}
\\\\}

기본 사용법

채팅 인터페이스

# Open Continue chat
Ctrl+Shift+M (VS Code)
Ctrl+Shift+J (JetBrains)

# Quick chat
Ctrl+I (VS Code)
Ctrl+Shift+I (JetBrains)

# Chat with selection
# 1. Select code
# 2. Right-click > "Continue: Chat"
# 3. Or use Ctrl+Shift+M

코드 생성

// Type comment and use Continue
// Generate a REST API endpoint for user authentication
// Continue will suggest implementation

// Or use chat:
// "Create a React component for file upload with drag and drop"

코드 설명

# Select code and ask:
"Explain this function"
"What does this regex do?"
"How does this algorithm work?"
"What are the potential issues with this code?"

키보드 단축키

바로 가기	액션	IDE
`Ctrl+Shift+M`	채팅 열기	VS Code
`Ctrl+I`	빠른 채팅	VS Code
`Ctrl+Shift+L`	채팅용 코드 선택	VS Code
`Ctrl+Shift+J`	채팅 열기	제트브레인스
`Ctrl+Shift+I`	빠른 채팅	제트브레인스
`Tab`	자동 완성 허용	모두
`Esc`	자동 완성 해제	모두
`Ctrl+Shift+Enter`	제안 적용	모두

고급 구성

사용자 정의 슬래시 명령

\\\\{
  "slashCommands": [
    \\\\{
      "name": "test",
      "description": "Generate unit tests",
      "prompt": "Generate comprehensive unit tests for the selected code. Include edge cases and mock dependencies."
    \\\\},
    \\\\{
      "name": "optimize",
      "description": "Optimize code performance",
      "prompt": "Analyze the selected code and suggest performance optimizations. Focus on time complexity and memory usage."
    \\\\},
    \\\\{
      "name": "security",
      "description": "Security review",
      "prompt": "Review the selected code for security vulnerabilities. Check for common issues like SQL injection, XSS, and authentication flaws."
    \\\\}
  ]
\\\\}

컨텍스트 제공자

\\\\{
  "contextProviders": [
    \\\\{
      "name": "codebase",
      "params": \\\\{
        "nRetrieve": 25,
        "nFinal": 5,
        "useReranking": true
      \\\\}
    \\\\},
    \\\\{
      "name": "file",
      "params": \\\\{\\\\}
    \\\\},
    \\\\{
      "name": "folder",
      "params": \\\\{\\\\}
    \\\\},
    \\\\{
      "name": "git",
      "params": \\\\{\\\\}
    \\\\},
    \\\\{
      "name": "github",
      "params": \\\\{
        "repos": [
          \\\\{
            "owner": "microsoft",
            "repo": "vscode"
          \\\\}
        ]
      \\\\}
    \\\\}
  ]
\\\\}

사용자 정의 모델 구성

\\\\{
  "models": [
    \\\\{
      "title": "Custom Local Model",
      "provider": "openai",
      "model": "custom-model",
      "apiBase": "http://localhost:8000/v1",
      "apiKey": "not-needed",
      "requestOptions": \\\\{
        "temperature": 0.3,
        "maxTokens": 2048,
        "stop": ["<|endoftext|>"]
      \\\\}
    \\\\}
  ]
\\\\}

자동 완성 구성

탭 자동 완성

\\\\{
  "tabAutocompleteModel": \\\\{
    "title": "Codestral",
    "provider": "mistral",
    "model": "codestral-latest",
    "apiKey": "your-mistral-key"
  \\\\},
  "tabAutocompleteOptions": \\\\{
    "useCopyBuffer": true,
    "maxPromptTokens": 1024,
    "prefixPercentage": 0.85,
    "maxSuffixPercentage": 0.25,
    "debounceDelay": 300
  \\\\}
\\\\}

자동 완성 제공자

Would you like me to continue with the remaining sections?json \\\\{ "tabAutocompleteModel": \\\\{ "title": "Local Autocomplete", "provider": "ollama", "model": "deepseek-coder:6.7b", "requestOptions": \\\\{ "temperature": 0.1, "numPredict": 256 \\\\} \\\\} \\\\} ## 컨텍스트 관리```bash

Add files to context

@file:src/utils/auth.js

Add multiple files

@file:src/components/Button.tsx @file:src/styles/button.css

Add entire folders

@folder:src/components ### 파일 컨텍스트bash

Search codebase for relevant context

@codebase “authentication functions”

Find similar code patterns

@codebase “React hooks for API calls”

Search for specific implementations

@codebase “error handling middleware”


Would you like me to proceed with translating the headers, or do you have specific text content you want translated?```bash
# Reference git history
@git "recent changes to authentication"

# Compare branches
@git "differences between main and feature-branch"

# Reference specific commits
@git "changes in commit abc123"

Custom Integrations

Database Integration

\\\\{
  "contextProviders": [
    \\\\{
      "name": "database",
      "params": \\\\{
        "connectionString": "postgresql://user:pass@localhost:5432/db",
        "tables": ["users", "orders", "products"]
      \\\\}
    \\\\}
  ]
\\\\}

API Documentation

\\\\{
  "contextProviders": [
    \\\\{
      "name": "docs",
      "params": \\\\{
        "urls": [
          "https://docs.stripe.com/api",
          "https://docs.github.com/en/rest"
        ]
      \\\\}
    \\\\}
  ]
\\\\}

Jira Integration

\\\\{
  "contextProviders": [
    \\\\{
      "name": "jira",
      "params": \\\\{
        "domain": "your-company.atlassian.net",
        "token": "your-jira-token",
        "email": "your-email@company.com"
      \\\\}
    \\\\}
  ]
\\\\}

Language-Specific Configuration

Python Setup

\\\\{
  "models": [
    \\\\{
      "title": "Python Specialist",
      "provider": "openai",
      "model": "gpt-4",
      "systemMessage": "You are a Python expert. Always follow PEP 8 style guidelines and use type hints."
    \\\\}
  ]
\\\\}

JavaScript/TypeScript

\\\\{
  "models": [
    \\\\{
      "title": "TS Expert",
      "provider": "anthropic",
      "model": "claude-3-opus-20240229",
      "systemMessage": "You are a TypeScript expert. Always use strict typing and modern ES6+ features."
    \\\\}
  ]
\\\\}

Rust Configuration

\\\\{
  "models": [
    \\\\{
      "title": "Rust Helper",
      "provider": "ollama",
      "model": "codellama:7b",
      "systemMessage": "You are a Rust expert. Focus on memory safety, performance, and idiomatic Rust code."
    \\\\}
  ]
\\\\}

Team Configuration

Shared Configuration

// .continue/config.json (in project root)
\\\\{
  "models": [
    \\\\{
      "title": "Team GPT-4",
      "provider": "openai",
      "model": "gpt-4",
      "apiKey": "$\\\\{OPENAI_API_KEY\\\\}"
    \\\\}
  ],
  "slashCommands": [
    \\\\{
      "name": "review",
      "description": "Code review following team standards",
      "prompt": "Review this code according to our team's coding standards: $\\\\{TEAM_STANDARDS\\\\}"
    \\\\}
  ]
\\\\}

Environment Variables

# .env file
OPENAI_API_KEY=sk-...
ANTHROPIC_API_KEY=sk-ant-...
TEAM_STANDARDS="Use TypeScript, follow ESLint rules, include unit tests"

# Use in config
\\\\{
  "apiKey": "$\\\\{OPENAI_API_KEY\\\\}"
\\\\}

Performance Optimization

Caching Configuration

\\\\{
  "embeddingsProvider": \\\\{
    "provider": "openai",
    "model": "text-embedding-ada-002",
    "apiKey": "your-key"
  \\\\},
  "reranker": \\\\{
    "name": "cohere",
    "params": \\\\{
      "apiKey": "your-cohere-key",
      "model": "rerank-english-v2.0"
    \\\\}
  \\\\}
\\\\}

Local Embeddings

\\\\{
  "embeddingsProvider": \\\\{
    "provider": "ollama",
    "model": "nomic-embed-text",
    "apiBase": "http://localhost:11434"
  \\\\}
\\\\}

Troubleshooting

Common Issues

# Extension not loading
# 1. Check VS Code/JetBrains version compatibility
# 2. Restart IDE
# 3. Reinstall extension
# 4. Check Continue logs

# API key issues
# 1. Verify API key format
# 2. Check API key permissions
# 3. Test API key with curl
# 4. Check rate limits

# Model not responding
# 1. Check internet connection
# 2. Verify model name
# 3. Check API endpoint
# 4. Review request options

Debug Mode

\\\\{
  "allowAnonymousTelemetry": false,
  "logLevel": "debug"
\\\\}

Log Analysis

# VS Code logs location
# Windows: %APPDATA%\Code\logs\
# macOS: ~/Library/Logs/Code/
# Linux: ~/.config/Code/logs/

# JetBrains logs
# Check IDE logs directory
# Help > Show Log in Explorer/Finder

Best Practices

Effective Prompting

// ❌ Vague request
"Fix this code"

// ✅ Specific request
"Optimize this function for better performance and add error handling for edge cases"

// ❌ No context
"Create a component"

// ✅ With context
"Create a React component for displaying user profiles with TypeScript interfaces and proper prop validation"

Context Management

# Use relevant context providers
@codebase "similar authentication patterns"
@file:src/types/user.ts

# Be specific about requirements
"Using the User interface from @file:src/types/user.ts, create a validation function"

Model Selection

# Use appropriate models for tasks
# - GPT-4: Complex reasoning, architecture decisions
# - Claude: Long context, detailed explanations
# - Local models: Privacy, offline work
# - Specialized models: Domain-specific tasks

Resources

Continue.dev Website [GitHub 저장소]https://github.com/continuedev/continue[문서]https://docs.continue.dev[VS Code 확장 프로그램]https://marketplace.visualstudio.com/items?itemName=Continue.continue[JetBrains 플러그인]https://plugins.jetbrains.com/plugin/22707-continue[Discord 커뮤니티]https://discord.gg/NWtdYexhMs[구성 예시]https://github.com/continuedev/continue/tree/main/docs/docs/reference[구성 예제]