Ako želiš probati AI coding po prvi put, ne želiš plaćat 20 € mjesečno za Cursor, i ne želiš muku oko CLI alata poput Aider-a ili OpenCode-a, Continue.dev je najlakši mogući ulaz. Extension za VS Code i JetBrains koji ti daje autocomplete + chat unutar IDE-a, podržava bilo koji LLM provider, free open source pod Apache 2.0 licencom — i radi savršeno za workflow gdje pišeš HTML / PHP / JavaScript stranicu pa je deploy-aš na WMD hosting.
U ovom vodiču pokazujem kompletan setup u 10 minuta — od instalacije do prve generirane funkcionalnosti i deploy-a na WMD hosting.
Što je Continue.dev — i zašto je idealan za početnika
Continue.dev (continue.dev, 31 000+ GitHub zvjezdica) je open source AI coding asistent koji nije agent — ne radi multi-step planove, ne pokreće terminal, ne mijenja 10 datoteka odjednom. Umjesto toga, daje ti dvije ključne stvari:
- Autocomplete dok tipkaš — pišeš
functioni Continue predlaže ostatak funkcije. Tab → prihvati. Esc → odbij. - Chat sidebar — Cmd/Ctrl+L otvori chat, pitaj LLM "kako ovo napravit", paste-aj kod, dobiješ objašnjenje ili izmjene.
Po čemu se razlikuje od ostalih alata:
- VS Code i JetBrains — radi u oba popularna IDE-a (Cline je samo VS Code)
- Nema agent-ove "rabbit hole" probleme — ne troši ti 30 minuta i 2 € API kreditra na zadatak koji si htio završit u 30 sekundi
- Lakoća učenja — autocomplete + chat. Bez novih konsa, bez "approve / deny" tijekom rada
- BYOK ili lokalno — Anthropic, OpenAI, DeepSeek, Ollama, Google Gemini
Ukratko: Continue.dev = GitHub Copilot iskustvo, ali free i open source.
Kome je Continue.dev pravi alat
Continue je najbolji izbor ako se prepoznaješ u nekoliko ovih:
- Pišeš stranicu po prvi ili drugi put i ne želiš da AI radi previše za tebe (jer ne razumiješ što napravi)
- Koristiš JetBrains (PhpStorm, IntelliJ, WebStorm) i ne želiš preselit na VS Code
- Već imaš GitHub Copilot Free tier, ali se makneš s njega zbog privatnosti / cijene
- Trebaš autocomplete + brz chat, ne autonomni agent
- Radiš WordPress teme, Craft templates, Laravel views — gdje je 80 % posla "edit existing file"
Continue nije pravi izbor ako:
- Želiš da AI sam napravi cijelu stranicu iz nule — to Cline / Cursor / OpenCode rade bolje
- Radiš s Git-om kao first-class konceptom — Aider je za to
- Radiš terminal-only workflow — OpenCode je za to
Instalacija u VS Code-u (najbrža opcija)
- Otvori VS Code, Extensions tab
- Traži "Continue"
- Klikni Install uz Continue extension (od Continue Dev, Inc.)
- Restart VS Code
- Continue se pojavljuje u desnom sidebaru
Instalacija u JetBrains IDE-u (PhpStorm, WebStorm, IntelliJ)
- Otvori PhpStorm / WebStorm / IntelliJ
- File → Settings → Plugins
- Traži "Continue"
- Klikni Install
- Restart IDE
- Continue ikona u desnom sidebaru
Continue radi identično u oba IDE-a. Single config file (~/.continue/config.json) prati se između njih ako koristiš oba.
Postavljanje LLM providera u Continue-u
Klikni Continue ikonu, pa zupčanik (Settings). Otvori config.json. Ovo je primjer kompletne konfiguracije s tri providera (možeš ostavit samo onaj koji koristiš):
{
"models": [
{
"title": "Claude Sonnet 4.5 (preporuka)",
"provider": "anthropic",
"model": "claude-sonnet-4-5",
"apiKey": "sk-ant-..."
},
{
"title": "DeepSeek (ušteda)",
"provider": "openai",
"model": "deepseek-chat",
"apiBase": "https://api.deepseek.com/v1",
"apiKey": "sk-..."
},
{
"title": "Qwen3-Coder lokalno",
"provider": "ollama",
"model": "qwen3-coder:7b"
}
],
"tabAutocompleteModel": {
"title": "Autocomplete model",
"provider": "ollama",
"model": "qwen2.5-coder:1.5b"
},
"embeddingsProvider": {
"provider": "ollama",
"model": "nomic-embed-text"
}
}Tri ključne sekcije:
- models — modeli koje koristiš u chat-u (skupi, kvalitetni, plaćaju se po tokenu ili lokalno)
- tabAutocompleteModel — model za autocomplete dok tipkaš (mora bit brz i jeftin — preporuka: lokalni 1-3B parameter coder model)
- embeddingsProvider — za "@codebase" referencu u chat-u (preporuka: lokalni nomic-embed-text)
Pametan setup: chat s Claudeom (5-12 € mjesečno), autocomplete s lokalnim qwen2.5-coder:1.5b (0 €, brz, dobar za rutinu), embeddings lokalno.
Workflow primjer — dodavanje funkcije postojećoj WordPress temi
Imaš WordPress temu na WMD hostingu, želiš dodati "back to top" gumb. Otvori projekt u VS Code-u.
1. Pitaj Continue u chat-u
Cmd/Ctrl+L otvori Continue chat. Tipkaj:
@functions.php @style.css Dodaj scroll-to-top gumb u WordPress temu.
Treba se pojaviti kad korisnik scrolla 300px dolje, smooth scroll
nazad na vrh, fixed position bottom-right, brand boja iz teme.@functions.php i @style.css su Continue reference koje govore "uzmi ove datoteke kao kontekst".
2. Continue piše rješenje
Vidiš:
- Diff za
functions.php— dodaje enqueue za novi JS - Novi
js/scroll-to-top.js— vanilla JS, IntersectionObserver - Diff za
style.css— CSS za gumb i animacije
Klikni "Apply" na svakom diff-u koji ti se sviđa, ili "Reject" i pitaj za drugačiji pristup.
3. Test lokalno, commit
Pokreni stranicu u browseru, provjeri scroll-to-top radi. Otvori VS Code Source Control, stage promjene, commit "Add scroll-to-top button to theme", push.
4. Deploy na WMD hosting
Ako koristiš cPanel Git Version Control, klikni Pull or Deploy u cPanelu i WordPress tema je ažurirana. Ako preferira FTP, koristi VS Code SFTP extension da pusha promijenjene datoteke direktno u /wp-content/themes/tvoja-tema/.
Continue autocomplete u radu
Autocomplete je ono što ćeš najviše koristit. Praktične primjere:
HTML
<form class="kontakt-forma" action="/contact" method="POST">
<input type="text" name="ime" placeholder="Ime i prezime" required>
<input type="email" name="email" placeholder="Email" required>
<textContinue vidi obrazac i predlaže:
<textarea name="poruka" placeholder="Poruka" rows="5" required></textarea>
<button type="submit">Pošalji</button>
</form>Tab → prihvati. Ako želiš nešto drugo, samo ignoriraš prijedlog i tipkaš dalje.
PHP / WordPress
function dodaj_seo_meta_description() {
if (is_single()) {Continue dovršava:
$description = wp_strip_all_tags(get_the_excerpt());
$description = mb_substr($description, 0, 160);
echo '<meta name="description" content="' . esc_attr($description) . '">' . PHP_EOL;
}
}
add_action('wp_head', 'dodaj_seo_meta_description');Craft CMS Twig
{% for novost in craft.entries.section('novosti').limit(3).all() %}
<article class="novost-card">
<h2>{{ novost.title }}</h2>Continue dovršava:
<p class="datum">{{ novost.postDate|date('d.m.Y.') }}</p>
{% if novost.naslovnaSlika.one() %}
<img src="{{ novost.naslovnaSlika.one().getUrl() }}" alt="{{ novost.title }}">
{% endif %}
<p>{{ novost.sazetak }}</p>
<a href="{{ novost.url }}">Pročitaj više</a>
</article>
{% endfor %}Continue + cPanel Git Deploy — workflow kao kod ostalih
Deploy iz Continue projektnog stanja na WMD hosting ide kroz Git, isto kao u Cline vodiču:
- Continue ti pomaže pisati / dorađivati kod (autocomplete + chat)
- Ti commit-aš + push-aš iz VS Code Source Control
- cPanel Git Version Control radi pull + deploy
- Stranica je live
Razlika od Cline / Cursor toka: ovdje ti donosiš sve odluke (Continue samo predlaže), dok kod Cline-a / Cursor-a agent može sam mijenjati 5-10 datoteka. Continue je "pair programmer pomagač", agent je "samostalan junior developer".
Continue u kombinaciji s Ollama-om (zero-cost setup)
Najjeftinija konfiguracija je Continue + Ollama lokalno. Trošak 0 €, brzina ovisi o tvojem laptopu.
Instaliraj Ollama + modele
curl -fsSL https://ollama.com/install.sh | sh
# Chat model (kvalitetan, sporiji)
ollama pull qwen3-coder:7b
# Autocomplete model (mali, brz)
ollama pull qwen2.5-coder:1.5b
# Embeddings za @codebase
ollama pull nomic-embed-textContinue config.json
{
"models": [
{
"title": "Qwen3-Coder",
"provider": "ollama",
"model": "qwen3-coder:7b"
}
],
"tabAutocompleteModel": {
"title": "Qwen2.5 Coder mini",
"provider": "ollama",
"model": "qwen2.5-coder:1.5b"
},
"embeddingsProvider": {
"provider": "ollama",
"model": "nomic-embed-text"
}
}Sve radi offline. Nema API kartice, nema mjesečnih troškova. Performance je 70-85 % Claudea za standardni web kod — dovoljno za 80 % rutinskih zadataka. Detaljni Ollama setup u posebnom vodiču.
Cijena u stvarnosti
Continue extension je 100 % besplatan. Plaćaš samo LLM uporabu:
- Continue + Claude Sonnet 4.5: 4-10 € mjesečno (autocomplete koristi malo tokena)
- Continue + DeepSeek: 0.50-2 € mjesečno
- Continue + Ollama lokalno: 0 €
- Continue + mix (Ollama autocomplete + Claude chat): 2-5 € mjesečno (preporuka)
Za usporedbu, GitHub Copilot Business je 19 € mjesečno. Cursor Pro je 20 €. Continue + mix setup je 5× jeftiniji za sličan dnevni workflow.
Sigurnosna napomena
Continue šalje tvoj kod LLM provideru samo kad ti to eksplicitno tražiš (autocomplete + chat). Ali za sensitive projekte (legal, healthcare, financijske aplikacije):
- Koristi Ollama lokalno — kod nikad ne napušta tvoj laptop
- Postavi
.continueignoreu root projekta da isključiš.env,secrets/,node_modules/ - Provjeri TOS-ove LLM providera (Anthropic, OpenAI, DeepSeek) — svi tvrde da ne treniraju na API podatke, ali politika može varirati
Sažetak — Continue je najlakši mogući ulaz
Continue.dev + DeepSeek (ili Ollama) + WMD hosting + cPanel Git Deploy je danas najbrži put od "ne koristim AI" do "koristim AI svaki dan". 10 minuta setup-a, sučelje koje već znaš (VS Code ili JetBrains), trošak 0-3 € mjesečno.
Continue je preporuka broj 1 za:
- Apsolutnog početnika koji prvi put proba AI coding
- JetBrains korisnika koji ne želi preselit na VS Code
- Hosting kupca koji radi WordPress teme / Craft templates / Laravel views (rutinski editing posao)
- Developera koji ne želi agent-ove pune kontrole — voli pisat sam i imati AI samo kao "smart Tab"
Za pomoć oko postavljanja Continue config-a, povezivanja s LLM provider-om, ili cPanel Git deploy-a — javi se WMD podršci. Pripremili smo i posebnu uputu za cPanel Git Version Control korak po korak.
U sljedećem i zadnjem vodiču R39 serije: Ollama + lokalni LLM — kako pokrenuti AI coding 100 % besplatno i 100 % offline na svojem laptopu.
