Skip to main content

πŸš€ Vibe Coding Practical Configuration Guide (Java + React Full Stack Edition)

Core Strategy​

  • Frontend (VS Code): Pursue Full Automation, let Agent write components by itself.
  • Backend (IDEA): Pursue Robustness, use plugin as external brain + super fast completion.
  • Model Core: Full access to DeepSeek V3 API (Cheap, Smart, Domestic Direct Connection).

1️⃣ Frontend Battlefield: VS Code​

Goal: React component generation, style adjustment, auto fix Bug.

  • Main Force Plugin: Cline (Must Install)
    • Config: API Provider select DeepSeek, model select deepseek-chat.
    • Usage: Sidebar conversation -> "Help me write a user list card, using Tailwind style" -> It automatically creates file and writes.
  • Backup Plan: Antigravity
    • Scenario: When you don't want to configure Key, just want to use free quota for quick Demo.

2️⃣ Backend Battlefield: IntelliJ IDEA​

Goal: Complex business logic, architecture refactoring, second-level completion.

  • Brain Plugin: Continue (Must Install)
    • Config: Access DeepSeek API.
    • Usage: Encounter complex logic/refactoring -> Invoke dialog box -> "@Codebase help me check transaction consistency issue of UserServiceImpl".
  • Hand Speed Plugin: Tongyi Lingma (Lingma) (Must Install)
    • Config: Log in with Aliyun account.
    • Usage: Daily coding -> Press Tab wildly, enjoy millisecond-level auto completion.

⚑ Workflow Cheatsheet (Workflow)​

ScenarioToolAction
Write React PageVS Code + Cline"Read @api.ts, help me generate corresponding frontend CRUD page, want dark mode."
Write Java InterfaceIDEA + Continue"@Codebase based on existing entities, design a high performance batch insert interface."
Write Specific CodeIDEA + LingmaType first few letters, press Tab to complete remaining code.
Fix BugVS Code + ClinePaste error to it -> "Run terminal, locate and fix this issue."