Files
ApolloNvim2025/web/html/instalace.html
T

1899 lines
115 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>🔧 Instalace | ApolloNvim</title>
<meta
name="description"
content="Průvodce instalací ApolloNvim - Neovim distribuce pro Front-End vývoj. Starter Edition a FrontEnd Edition pro Linux a macOS."
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="../css/style.css" />
<link rel="stylesheet" href="../css/animations.css" />
</head>
<body>
<!-- Loading Screen -->
<div id="loading-screen" class="loading-screen">
<div class="loading-screen__content">
<span class="loading-rocket">🚀</span>
<div class="loading-bar">
<div class="loading-bar__fill"></div>
</div>
</div>
</div>
<!-- Navbar -->
<header class="navbar" id="navbar">
<nav class="navbar__inner" aria-label="Hlavní navigace">
<a
href="../index.html"
class="navbar__logo"
aria-label="ApolloNvim - domovská stránka"
>
🚀 <span>ApolloNvim</span>
</a>
<ul class="navbar__links" id="nav-links" role="list">
<li><a href="../index.html">Domů</a></li>
<li>
<a
href="./instalace.html"
aria-current="page"
class="active"
>Instalace</a
>
</li>
<li><a href="./pluginy.html">Pluginy</a></li>
<li><a href="./tutorialy.html">Tutoriály</a></li>
<li><a href="./novinky.html">Novinky</a></li>
<li><a href="./zkratky.html">Zkratky</a></li>
</ul>
<button
class="navbar__hamburger"
id="hamburger"
aria-label="Otevřít menu"
aria-expanded="false"
aria-controls="mobile-menu"
>
<span></span><span></span><span></span>
</button>
</nav>
<div class="navbar__mobile" id="mobile-menu" hidden>
<ul role="list">
<li><a href="../index.html">Domů</a></li>
<li>
<a href="./instalace.html" class="active">Instalace</a>
</li>
<li><a href="./pluginy.html">Pluginy</a></li>
<li><a href="./tutorialy.html">Tutoriály</a></li>
<li><a href="./novinky.html">Novinky</a></li>
<li><a href="./zkratky.html">Zkratky</a></li>
</ul>
</div>
</header>
<!-- Page Hero -->
<section class="page-hero">
<div class="page-hero__content">
<span class="badge badge--purple animate-on-scroll"
>v25.04</span
>
<h1 class="page-hero__title animate-on-scroll delay-1">
🔧 Instalace
</h1>
<p class="page-hero__subtitle animate-on-scroll delay-2">
Průvodce instalací pro Linux a macOS
</p>
</div>
</section>
<main>
<!-- Warning Box -->
<section class="section">
<div class="container">
<div class="warning-box animate-on-scroll">
<span class="warning-box__icon">⚠️</span>
<div>
<strong>Důležité upozornění</strong>
<p>
Vždy se podívej před instalací nových pluginů na
dokumentaci na Githubu. Předejdeš tím případným
problémům!
<strong
>Vždy si zálohuj stávající konfiguraci
Neovim!</strong
>
</p>
</div>
</div>
</div>
</section>
<!-- Verze upozornění -->
<section class="section" style="padding-top:0;padding-bottom:0;">
<div class="container">
<div class="info-box animate-on-scroll" style="border-color:rgba(80,250,123,0.3);background:rgba(80,250,123,0.05);color:var(--green);">
<span style="font-size:1.3rem;">✅</span>
<strong>Vždy si aktualizujte a používejte nejnovější verzi Neovim a všech balíčků.</strong>
</div>
</div>
</section>
<!-- STARTER EDITION – Přímá instalace -->
<section class="section section--alt" id="starter">
<div class="container">
<h2 class="section-title animate-on-scroll">
🚀 Instalace a nastavení — Starter Edition
<span class="section-title__line"></span>
</h2>
<div class="install-checklist animate-on-scroll">
<p class="install-checklist__intro">
👉 Pokud ještě nemáte, nainstalujte si <a href="https://neovim.io/" target="_blank" rel="noopener noreferrer">Neovim</a>.<br>
👉 Bude potřeba nainstalovat <strong>plug.vim</strong> abyste mohl/a instalovat rozšíření — <a href="https://github.com/junegunn/vim-plug" target="_blank" rel="noopener noreferrer">návod zde</a>.<br>
👉 Pokud už Neovim máte nainstalovaný, <strong>nejprve si zálohujte své aktuální nastavení!</strong>
</p>
</div>
<h3 class="install-subheading animate-on-scroll">📁 Konfigurační soubory</h3>
<div class="terminal-block animate-on-scroll">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Cesty ke konfiguraci</span>
</div>
<pre><code><span class="token-comment"># Linux &amp; Mac:</span>
<span class="token-path">/home/user/.config/nvim/init.vim</span>
<span class="token-comment"># Windows:</span>
<span class="token-path">~/AppData/Local/nvim/init.vim</span></code></pre>
</div>
<h3 class="install-subheading animate-on-scroll">Neovim — Krok za krokem</h3>
<div class="steps">
<div class="step-card animate-on-scroll">
<div class="step-card__number">1</div>
<div class="step-card__content">
<h3>Záloha stávající konfigurace</h3>
<p>👉 Nejprve si zálohujte složku nvim — například přejmenováním na <code>nvim.bak</code>.</p>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Terminal</span>
</div>
<pre><code>cp -r ~/.config/nvim ~/.config/nvim.bak</code></pre>
</div>
</div>
</div>
<div class="step-card animate-on-scroll delay-1">
<div class="step-card__number">2</div>
<div class="step-card__content">
<h3>Stažení 🚀 ApolloNvim Starter</h3>
<p>👉 Nejjednodušší způsob pro Linux a macOS — příkaz níže stažní celý repozitář do správné složky. <strong>Tento příkaz přepíše dosavadní složku nvim!</strong></p>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Terminal</span>
</div>
<pre><code>git clone -b nvim https://codeberg.org/ApolloNvim/ApolloNvim2025.git ~/.config/nvim</code></pre>
</div>
</div>
</div>
<div class="step-card animate-on-scroll delay-2">
<div class="step-card__number">3</div>
<div class="step-card__content">
<h3>Spustěte Neovim</h3>
<p>👉 Neovim pustíte v terminálu příkazem <code>nvim</code>. Odklikejte chybová hlášení — jsou očekávaná při prvním spuštění.</p>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Terminal</span>
</div>
<pre><code>nvim</code></pre>
</div>
</div>
</div>
<div class="step-card animate-on-scroll delay-3">
<div class="step-card__number">4</div>
<div class="step-card__content">
<h3>Instalace pluginů</h3>
<p>👉 V Neovimu zadejte do command line <kbd>:PlugInstall</kbd>, tím nainstalujete všechny pluginy. Restartujte Neovim. Command Line vyvoláte klávesovou zkratkou <kbd>Shift + :</kbd>.</p>
<p>👉 Pokud některý plugin nechcete používat, stačí ho v souboru <code>init.vim</code> zakomentovat pomocjí dvojích uvozovek <code>"</code>.</p>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Neovim Command Line</span>
</div>
<pre><code><span class="token-command">:PlugInstall</span></code></pre>
</div>
</div>
</div>
<div class="step-card animate-on-scroll delay-4">
<div class="step-card__number">5</div>
<div class="step-card__content">
<h3>Instalace Coc pluginů</h3>
<p>👉 Do command line zadejte Coc příkaz pro doinstalujování zbýlých pluginů. Ještě jednou restartujte Neovim a vše máte připravené.</p>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Neovim Command Line</span>
</div>
<pre><code><span class="token-command">:CocInstall</span> coc-markdown-preview-enhanced coc-webview</code></pre>
</div>
<div class="info-box" style="margin-top:1rem;">
✅ <strong>Hotovo!</strong> Restartujte Neovim a vše je připravené k použití.<br>
👉 Pokud některý plugin chybí, můžete lehce doinstalovat pomocí <code>vim.plug</code>.<br>
👉 Některé pluginy potřebují nakonfigurovat v jazyce Lua — viz. <a href="#navody">Instalační návody</a> níže.
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FRONTEND EDITION – Přímá instalace -->
<section class="section" id="frontend">
<div class="container">
<h2 class="section-title animate-on-scroll">
🌐 Instalace a nastavení — FrontEnd Edition
<span class="section-title__line"></span>
</h2>
<div class="install-checklist animate-on-scroll">
<p class="install-checklist__intro">
👉 Pokud ještě nemáte, nainstalujte si <a href="https://neovim.io/" target="_blank" rel="noopener noreferrer">Neovim</a>.<br>
👉 Bude potřeba nainstalovat <strong>plug.vim</strong> — <a href="https://github.com/junegunn/vim-plug" target="_blank" rel="noopener noreferrer">návod zde</a>.<br>
👉 Pokud už Neovim máte nainstalovaný, <strong>nejprve si zálohujte své aktuální nastavení!</strong>
</p>
</div>
<h3 class="install-subheading animate-on-scroll">📁 Konfigurační soubory</h3>
<div class="terminal-block animate-on-scroll">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Cesty ke konfiguraci</span>
</div>
<pre><code><span class="token-comment"># Linux &amp; Mac:</span>
<span class="token-path">/home/user/.config/nvim/init.vim</span>
<span class="token-comment"># Windows:</span>
<span class="token-path">~/AppData/Local/nvim/init.vim</span></code></pre>
</div>
<h3 class="install-subheading animate-on-scroll">Node.js a LSP balíčky</h3>
<div class="install-checklist animate-on-scroll">
<p class="install-checklist__intro">
👉 Doporučuji mít nainstalovaný <a href="https://nodejs.org/en" target="_blank" rel="noopener noreferrer">Node.js</a>.<br>
👉 Nainstalujte <strong>Live-server</strong> příkazem <code>npm i live-server</code>.<br>
👉 Ve svém adresáři projektu spustím server příkazem <code>npx live-server</code>.<br>
👉 Pro správnou funkci LSP doinstalujte tyto balíčky:
</p>
</div>
<div class="info-box animate-on-scroll" style="margin-bottom:1rem;">
⚠️ Pokud terminál vypíše chybu při použití příkazu npm, bude potřeba balíček instalovat jako <code>sudo</code>.
</div>
<div class="card animate-on-scroll" style="padding:1.5rem;margin-bottom:2rem;">
<ul class="plugin-list">
<li><a href="https://github.com/microsoft/vscode-html-languageservice" target="_blank" rel="noopener noreferrer">🔗 vscode-html-language-server</a></li>
<li><a href="https://github.com/microsoft/vscode-css-languageservice" target="_blank" rel="noopener noreferrer">🔗 vscode-css-language-server</a></li>
<li><a href="https://github.com/typescript-language-server/typescript-language-server" target="_blank" rel="noopener noreferrer">🔗 typescript-language-server</a></li>
<li><a href="https://github.com/aca/emmet-ls" target="_blank" rel="noopener noreferrer">🔗 emmet-ls</a></li>
<li><a href="https://github.com/tailwindlabs/tailwindcss-intellisense" target="_blank" rel="noopener noreferrer">🔗 tailwindcss-language-server</a></li>
</ul>
</div>
<h3 class="install-subheading animate-on-scroll">Neovim — Krok za krokem</h3>
<div class="steps">
<div class="step-card animate-on-scroll">
<div class="step-card__number">1</div>
<div class="step-card__content">
<h3>Záloha konfigurace</h3>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Terminal</span>
</div>
<pre><code>cp -r ~/.config/nvim ~/.config/nvim.bak</code></pre>
</div>
</div>
</div>
<div class="step-card animate-on-scroll delay-1">
<div class="step-card__number">2</div>
<div class="step-card__content">
<h3>Stažení 🚀 ApolloNvim FrontEnd</h3>
<p>👉 Pozor — tento příkaz přepíše dosavadní složku nvim v <code>~/.config/nvim</code>. Nezačomente na zálohu!</p>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Terminal</span>
</div>
<pre><code>git clone -b frontend https://codeberg.org/ApolloNvim/ApolloNvim2025.git ~/.config/nvim</code></pre>
</div>
</div>
</div>
<div class="step-card animate-on-scroll delay-2">
<div class="step-card__number">3</div>
<div class="step-card__content">
<h3>Spustěte Neovim a instalujte pluginy</h3>
<p>👉 Spusťte Neovim příkazem <code>nvim</code>, odklikejte chybová hlášení, pak spusťte <kbd>:PlugInstall</kbd>. Restartujte.</p>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Neovim</span>
</div>
<pre><code><span class="token-command">:PlugInstall</span></code></pre>
</div>
</div>
</div>
<div class="step-card animate-on-scroll delay-3">
<div class="step-card__number">4</div>
<div class="step-card__content">
<h3>Instalace všech Coc rozšíření</h3>
<p>👉 Zadejte Coc příkaz pro doinstalaci všech rozšíření. Ještě jednou restartujte Neovim.</p>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Neovim Command Line</span>
</div>
<pre><code><span class="token-command">:CocInstall</span> coc-tailwindcss coc-json coc-html-css-support coc-html coc-emmet coc-xml coc-tsserver coc-lsp-wl coc-lit-html coc-htmldjango coc-css coc-markdown-preview-enhanced coc-webview coc-phpls coc-prettier coc-eslint</code></pre>
</div>
<div class="info-box" style="margin-top:1rem;">
✅ <strong>Hotovo!</strong> Restartujte Neovim a vše je připravené!<br>
👉 Pokud se vám vše nechce instalovat ručně, stačí jen použít příkaz <kbd>:PlugInstall</kbd> a vse bude hned fungovat.<br>
👉 Některé pluginy potřebují nakonfigurovat v jazyce Lua — viz. <a href="#navody">Instalační návody</a> níže.
</div>
</div>
</div>
<div class="step-card animate-on-scroll">
<div class="step-card__number">5</div>
<div class="step-card__content">
<h3>Live Server — spuštění projektu</h3>
<p>👉 Ve svém adresáři projektu budete moci pouštět <code>index.html</code> příkazem:</p>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Terminal (v adresáři projektu)</span>
</div>
<pre><code>npx live-server</code></pre>
</div>
<p style="margin-top:0.75rem;">👉 Tuto konfiguraci používám na Linuxu i macOS.</p>
</div>
</div>
</div>
</div>
</section>
<!-- (Staré taby odstraňovány - obsah nyní zobrazen přímo v sekcích výše) -->
<section class="section section--alt" id="_old_tab_anchor" hidden style="display:none;">
<div class="container">
<div class="tabs" data-tab-group="lang">
<div
class="tabs__buttons"
role="tablist"
aria-label="Jazyk instalačního průvodce"
>
<button
class="tab-btn active"
data-tab="cz"
role="tab"
aria-selected="true"
aria-controls="tab-cz"
>
🇨🇿 Česky
</button>
<button
class="tab-btn"
data-tab="en"
role="tab"
aria-selected="false"
aria-controls="tab-en"
>
🇬🇧 English
</button>
</div>
<!-- CZ Content -->
<div
class="tab-content active"
id="tab-cz"
role="tabpanel"
aria-labelledby="btn-cz"
>
<!-- Prerequisites -->
<div class="install-section animate-on-scroll">
<h2 class="section-title">Předpoklady</h2>
<div class="feature-grid">
<div class="card prereq-card">
<div class="prereq-card__icon">1</div>
<div>
<h3>Neovim</h3>
<p>
Nainstalujte si nejnovější verzi
Neovim.
</p>
<a
href="https://neovim.io/"
target="_blank"
rel="noopener noreferrer"
class="btn-secondary btn-sm"
>neovim.io ↗</a
>
</div>
</div>
<div class="card prereq-card">
<div class="prereq-card__icon">2</div>
<div>
<h3>plug.vim</h3>
<p>
Package manager pro instalaci
rozšíření do Neovim.
</p>
<a
href="https://github.com/junegunn/vim-plug"
target="_blank"
rel="noopener noreferrer"
class="btn-secondary btn-sm"
>GitHub ↗</a
>
</div>
</div>
<div class="card prereq-card">
<div class="prereq-card__icon">3</div>
<div>
<h3>
Node.js
<span class="badge badge--cyan"
>FrontEnd</span
>
</h3>
<p>
Potřebné pro FrontEnd edici (LSP
a Live server).
</p>
<a
href="https://nodejs.org/en"
target="_blank"
rel="noopener noreferrer"
class="btn-secondary btn-sm"
>nodejs.org ↗</a
>
</div>
</div>
</div>
</div>
<!-- Config paths -->
<div class="install-section animate-on-scroll">
<h2 class="section-title">
Cesty ke konfiguračním souborům
</h2>
<div class="terminal-block">
<div class="terminal-block__header">
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span class="terminal-block__title"
>Konfigurační soubory</span
>
</div>
<pre><code><span class="token-comment"># Linux &amp; macOS</span>
<span class="token-path">/home/user/.config/nvim/init.vim</span>
<span class="token-comment"># Windows</span>
<span class="token-path">~/AppData/Local/nvim/init.vim</span></code></pre>
</div>
</div>
<!-- Starter Edition -->
<div class="install-section animate-on-scroll">
<h2 class="section-title">
<span
class="badge badge--green"
style="
font-size: 0.9rem;
margin-right: 0.5rem;
"
>Starter Edition</span
>
Instalace &amp; nastavení
</h2>
<p class="install-desc">
Zaměřená na práci s texty a Markdown.
Ideální pro začátečníky.
</p>
<div class="steps">
<div class="step-card animate-on-scroll">
<div class="step-card__number">1</div>
<div class="step-card__content">
<h3>
Záloha stávající konfigurace
</h3>
<p>
Pokud už máte Neovim
nainstalovaný, nejprve si
zálohujte konfiguraci.
</p>
<div class="terminal-block">
<div
class="terminal-block__header"
>
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span
class="terminal-block__title"
>Terminal</span
>
<button
class="copy-btn"
data-clipboard-text="cp -r ~/.config/nvim ~/.config/nvim.bak"
>
Kopírovat
</button>
</div>
<pre><code>cp -r ~/.config/nvim ~/.config/nvim.bak</code></pre>
</div>
</div>
</div>
<div
class="step-card animate-on-scroll delay-1"
>
<div class="step-card__number">2</div>
<div class="step-card__content">
<h3>Stáhnutí ApolloNvim Starter</h3>
<p>
Příkaz stáhne a nainstaluje
konfiguraci do správné složky.
</p>
<div class="terminal-block">
<div
class="terminal-block__header"
>
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span
class="terminal-block__title"
>Terminal</span
>
<button
class="copy-btn"
data-clipboard-text="git clone -b nvim https://codeberg.org/ApolloNvim/ApolloNvim2025.git ~/.config/nvim"
>
Kopírovat
</button>
</div>
<pre><code>git clone -b nvim https://codeberg.org/ApolloNvim/ApolloNvim2025.git ~/.config/nvim</code></pre>
</div>
</div>
</div>
<div
class="step-card animate-on-scroll delay-2"
>
<div class="step-card__number">3</div>
<div class="step-card__content">
<h3>Spuštění Neovim</h3>
<p>
Spusťte Neovim v terminálu a
odklikejte případná chybová
hlášení.
</p>
<div class="terminal-block">
<div
class="terminal-block__header"
>
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span
class="terminal-block__title"
>Terminal</span
>
<button
class="copy-btn"
data-clipboard-text="nvim"
>
Kopírovat
</button>
</div>
<pre><code>nvim</code></pre>
</div>
</div>
</div>
<div
class="step-card animate-on-scroll delay-3"
>
<div class="step-card__number">4</div>
<div class="step-card__content">
<h3>Instalace pluginů</h3>
<p>
V Neovimu spusťte příkaz
<kbd>:PlugInstall</kbd>. Command
Line vyvoláte zkratkou
<kbd>Shift+:</kbd>. Po instalaci
restartujte Neovim.
</p>
<div class="terminal-block">
<div
class="terminal-block__header"
>
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span
class="terminal-block__title"
>Neovim Command
Line</span
>
<button
class="copy-btn"
data-clipboard-text=":PlugInstall"
>
Kopírovat
</button>
</div>
<pre><code><span class="token-command">:PlugInstall</span></code></pre>
</div>
</div>
</div>
<div
class="step-card animate-on-scroll delay-4"
>
<div class="step-card__number">5</div>
<div class="step-card__content">
<h3>Instalace Coc pluginů</h3>
<p>
Zadejte tento příkaz pro
doinstalování zbývajících
pluginů. Poté znovu restartujte
Neovim.
</p>
<div class="terminal-block">
<div
class="terminal-block__header"
>
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span
class="terminal-block__title"
>Neovim Command
Line</span
>
<button
class="copy-btn"
data-clipboard-text=":CocInstall coc-markdown-preview-enhanced coc-webview"
>
Kopírovat
</button>
</div>
<pre><code><span class="token-command">:CocInstall</span> coc-markdown-preview-enhanced coc-webview</code></pre>
</div>
<div
class="info-box"
style="margin-top: 1rem"
>
✅ Hotovo! Restartujte Neovim a
vše je připraveno.
</div>
</div>
</div>
</div>
</div>
<!-- FrontEnd Edition -->
<div class="install-section animate-on-scroll">
<h2 class="section-title">
<span
class="badge badge--purple"
style="
font-size: 0.9rem;
margin-right: 0.5rem;
"
>FrontEnd Edition</span
>
Instalace &amp; nastavení
</h2>
<p class="install-desc">
Zaměřená na vývoj webů. Inspirováno VSCode a
Webstorm. Podpora HTML, CSS, JS, TypeScript,
PHP, TailwindCSS.
</p>
<h3
style="
color: var(--cyan);
margin: 2rem 0 1rem;
"
>
Node.js a Live Server
</h3>
<div class="terminal-block animate-on-scroll">
<div class="terminal-block__header">
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span class="terminal-block__title"
>Terminal</span
>
<button
class="copy-btn"
data-clipboard-text="npm i live-server"
>
Kopírovat
</button>
</div>
<pre><code><span class="token-comment"># Instalace Live Serveru</span>
npm i live-server
<span class="token-comment"># Spuštění ve vašem projektu</span>
npx live-server</code></pre>
</div>
<h3
style="
color: var(--cyan);
margin: 2rem 0 1rem;
"
>
LSP balíčky
</h3>
<div
class="card animate-on-scroll"
style="padding: 1.5rem"
>
<p
style="
margin-bottom: 1rem;
color: var(--text-secondary);
"
>
Pro správnou funkčnost LSP si
doinstalujte tyto balíčky:
</p>
<ul class="plugin-list">
<li>
<a
href="https://github.com/microsoft/vscode-html-languageservice"
target="_blank"
rel="noopener noreferrer"
>🔗
vscode-html-language-server</a
>
</li>
<li>
<a
href="https://github.com/microsoft/vscode-css-languageservice"
target="_blank"
rel="noopener noreferrer"
>🔗
vscode-css-language-server</a
>
</li>
<li>
<a
href="https://github.com/typescript-language-server/typescript-language-server"
target="_blank"
rel="noopener noreferrer"
>🔗
typescript-language-server</a
>
</li>
<li>
<a
href="https://github.com/aca/emmet-ls"
target="_blank"
rel="noopener noreferrer"
>🔗 emmet-ls</a
>
</li>
<li>
<a
href="https://github.com/tailwindlabs/tailwindcss-intellisense"
target="_blank"
rel="noopener noreferrer"
>🔗
tailwindcss-language-server</a
>
</li>
</ul>
</div>
<h3
style="
color: var(--cyan);
margin: 2rem 0 1rem;
"
>
Kroky instalace FrontEnd
</h3>
<div class="steps">
<div class="step-card animate-on-scroll">
<div class="step-card__number">1</div>
<div class="step-card__content">
<h3>Záloha konfigurace</h3>
<div class="terminal-block">
<div
class="terminal-block__header"
>
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span
class="terminal-block__title"
>Terminal</span
>
<button
class="copy-btn"
data-clipboard-text="cp -r ~/.config/nvim ~/.config/nvim.bak"
>
Kopírovat
</button>
</div>
<pre><code>cp -r ~/.config/nvim ~/.config/nvim.bak</code></pre>
</div>
</div>
</div>
<div
class="step-card animate-on-scroll delay-1"
>
<div class="step-card__number">2</div>
<div class="step-card__content">
<h3>
Stáhnutí ApolloNvim FrontEnd
</h3>
<div class="terminal-block">
<div
class="terminal-block__header"
>
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span
class="terminal-block__title"
>Terminal</span
>
<button
class="copy-btn"
data-clipboard-text="git clone -b frontend https://codeberg.org/ApolloNvim/ApolloNvim2025.git ~/.config/nvim"
>
Kopírovat
</button>
</div>
<pre><code>git clone -b frontend https://codeberg.org/ApolloNvim/ApolloNvim2025.git ~/.config/nvim</code></pre>
</div>
</div>
</div>
<div
class="step-card animate-on-scroll delay-2"
>
<div class="step-card__number">3</div>
<div class="step-card__content">
<h3>Instalace pluginů</h3>
<div class="terminal-block">
<div
class="terminal-block__header"
>
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span
class="terminal-block__title"
>Neovim</span
>
<button
class="copy-btn"
data-clipboard-text=":PlugInstall"
>
Kopírovat
</button>
</div>
<pre><code><span class="token-command">:PlugInstall</span></code></pre>
</div>
</div>
</div>
<div
class="step-card animate-on-scroll delay-3"
>
<div class="step-card__number">4</div>
<div class="step-card__content">
<h3>
Instalace všech Coc rozšíření
</h3>
<div class="terminal-block">
<div
class="terminal-block__header"
>
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span
class="terminal-block__title"
>Neovim Command
Line</span
>
<button
class="copy-btn"
data-clipboard-text=":CocInstall coc-tailwindcss coc-json coc-html-css-support coc-html coc-emmet coc-xml coc-tsserver coc-lsp-wl coc-lit-html coc-htmldjango coc-css coc-markdown-preview-enhanced coc-webview coc-phpls coc-prettier coc-eslint"
>
Kopírovat
</button>
</div>
<pre><code><span class="token-command">:CocInstall</span> coc-tailwindcss coc-json coc-html-css-support coc-html coc-emmet coc-xml coc-tsserver coc-lsp-wl coc-lit-html coc-htmldjango coc-css coc-markdown-preview-enhanced coc-webview coc-phpls coc-prettier coc-eslint</code></pre>
</div>
<div
class="info-box"
style="margin-top: 1rem"
>
✅ Restartujte Neovim a vše je
připraveno!
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /tab-cz -->
<!-- EN Content -->
<div
class="tab-content"
id="tab-en"
role="tabpanel"
aria-labelledby="btn-en"
>
<div class="install-section animate-on-scroll">
<h2 class="section-title">Prerequisites</h2>
<div class="feature-grid">
<div class="card prereq-card">
<div class="prereq-card__icon">1</div>
<div>
<h3>Neovim</h3>
<p>
Install the latest version of
Neovim.
</p>
<a
href="https://neovim.io/"
target="_blank"
rel="noopener noreferrer"
class="btn-secondary btn-sm"
>neovim.io ↗</a
>
</div>
</div>
<div class="card prereq-card">
<div class="prereq-card__icon">2</div>
<div>
<h3>plug.vim</h3>
<p>
Package manager for installing
Neovim extensions.
</p>
<a
href="https://github.com/junegunn/vim-plug"
target="_blank"
rel="noopener noreferrer"
class="btn-secondary btn-sm"
>GitHub ↗</a
>
</div>
</div>
<div class="card prereq-card">
<div class="prereq-card__icon">3</div>
<div>
<h3>
Node.js
<span class="badge badge--cyan"
>FrontEnd</span
>
</h3>
<p>
Required for FrontEnd edition
(LSP and Live server).
</p>
<a
href="https://nodejs.org/en"
target="_blank"
rel="noopener noreferrer"
class="btn-secondary btn-sm"
>nodejs.org ↗</a
>
</div>
</div>
</div>
</div>
<div class="install-section animate-on-scroll">
<h2 class="section-title">
<span
class="badge badge--green"
style="
font-size: 0.9rem;
margin-right: 0.5rem;
"
>Starter Edition</span
>
Installation
</h2>
<div class="steps">
<div class="step-card animate-on-scroll">
<div class="step-card__number">1</div>
<div class="step-card__content">
<h3>Backup your current config</h3>
<div class="terminal-block">
<div
class="terminal-block__header"
>
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span
class="terminal-block__title"
>Terminal</span
>
<button
class="copy-btn"
data-clipboard-text="cp -r ~/.config/nvim ~/.config/nvim.bak"
>
Copy
</button>
</div>
<pre><code>cp -r ~/.config/nvim ~/.config/nvim.bak</code></pre>
</div>
</div>
</div>
<div
class="step-card animate-on-scroll delay-1"
>
<div class="step-card__number">2</div>
<div class="step-card__content">
<h3>Clone ApolloNvim Starter</h3>
<div class="terminal-block">
<div
class="terminal-block__header"
>
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span
class="terminal-block__title"
>Terminal</span
>
<button
class="copy-btn"
data-clipboard-text="git clone -b nvim https://codeberg.org/ApolloNvim/ApolloNvim2025.git ~/.config/nvim"
>
Copy
</button>
</div>
<pre><code>git clone -b nvim https://codeberg.org/ApolloNvim/ApolloNvim2025.git ~/.config/nvim</code></pre>
</div>
</div>
</div>
<div
class="step-card animate-on-scroll delay-2"
>
<div class="step-card__number">3</div>
<div class="step-card__content">
<h3>Install Plugins</h3>
<p>
Open Neovim and run
<kbd>:PlugInstall</kbd>, then
restart.
</p>
<div class="terminal-block">
<div
class="terminal-block__header"
>
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span
class="terminal-block__title"
>Neovim</span
>
<button
class="copy-btn"
data-clipboard-text=":PlugInstall"
>
Copy
</button>
</div>
<pre><code><span class="token-command">:PlugInstall</span></code></pre>
</div>
</div>
</div>
<div
class="step-card animate-on-scroll delay-3"
>
<div class="step-card__number">4</div>
<div class="step-card__content">
<h3>Install Coc Plugins</h3>
<div class="terminal-block">
<div
class="terminal-block__header"
>
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span
class="terminal-block__title"
>Neovim</span
>
<button
class="copy-btn"
data-clipboard-text=":CocInstall coc-markdown-preview-enhanced coc-webview"
>
Copy
</button>
</div>
<pre><code><span class="token-command">:CocInstall</span> coc-markdown-preview-enhanced coc-webview</code></pre>
</div>
<div
class="info-box"
style="margin-top: 1rem"
>
✅ Restart Neovim and you're all
set!
</div>
</div>
</div>
</div>
</div>
<div class="install-section animate-on-scroll">
<h2 class="section-title">
<span
class="badge badge--purple"
style="
font-size: 0.9rem;
margin-right: 0.5rem;
"
>FrontEnd Edition</span
>
Installation
</h2>
<div class="steps">
<div class="step-card animate-on-scroll">
<div class="step-card__number">1</div>
<div class="step-card__content">
<h3>Clone FrontEnd Edition</h3>
<div class="terminal-block">
<div
class="terminal-block__header"
>
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span
class="terminal-block__title"
>Terminal</span
>
<button
class="copy-btn"
data-clipboard-text="git clone -b frontend https://codeberg.org/ApolloNvim/ApolloNvim2025.git ~/.config/nvim"
>
Copy
</button>
</div>
<pre><code>git clone -b frontend https://codeberg.org/ApolloNvim/ApolloNvim2025.git ~/.config/nvim</code></pre>
</div>
</div>
</div>
<div
class="step-card animate-on-scroll delay-1"
>
<div class="step-card__number">2</div>
<div class="step-card__content">
<h3>Install All Coc Extensions</h3>
<div class="terminal-block">
<div
class="terminal-block__header"
>
<span
class="terminal-block__dot terminal-block__dot--red"
></span>
<span
class="terminal-block__dot terminal-block__dot--yellow"
></span>
<span
class="terminal-block__dot terminal-block__dot--green"
></span>
<span
class="terminal-block__title"
>Neovim</span
>
<button
class="copy-btn"
data-clipboard-text=":CocInstall coc-tailwindcss coc-json coc-html-css-support coc-html coc-emmet coc-xml coc-tsserver coc-lsp-wl coc-lit-html coc-htmldjango coc-css coc-markdown-preview-enhanced coc-webview coc-phpls coc-prettier coc-eslint"
>
Copy
</button>
</div>
<pre><code><span class="token-command">:CocInstall</span> coc-tailwindcss coc-json coc-html-css-support coc-html coc-emmet coc-xml coc-tsserver coc-lsp-wl coc-lit-html coc-htmldjango coc-css coc-markdown-preview-enhanced coc-webview coc-phpls coc-prettier coc-eslint</code></pre>
</div>
<div
class="info-box"
style="margin-top: 1rem"
>
✅ Restart Neovim and you're all
set!
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /tab-en -->
</div>
<!-- /tabs -->
</div>
</section>
<!-- FAQ -->
<section class="section">
<div class="container">
<h2 class="section-title animate-on-scroll">
Časté otázky
</h2>
<div class="faq-list">
<details class="faq-item animate-on-scroll">
<summary>
Pro jaké operační systémy je instalace určena?
</summary>
<p>
Instalace je primárně určena pro
<strong>Linux a macOS</strong>. Konfiguraci lze
s drobnými úpravami použít i na Windows.
</p>
</details>
<details class="faq-item animate-on-scroll delay-1">
<summary>Jak zálohuju původní konfiguraci?</summary>
<p>
Nejjednodušeji přejmenujete složku
<code>~/.config/nvim</code> na
<code>~/.config/nvim.bak</code>. Nebo použijte
příkaz
<code
>cp -r ~/.config/nvim
~/.config/nvim.bak</code
>.
</p>
</details>
<details class="faq-item animate-on-scroll delay-2">
<summary>Co je plug.vim?</summary>
<p>
Plug.vim je minimalistický package manager pro
Neovim. Umožňuje jednoduché instalování,
aktualizaci a mazání pluginů přes soubor
<code>init.vim</code>.
</p>
</details>
<details class="faq-item animate-on-scroll delay-3">
<summary>
Mohu kombinovat Starter a FrontEnd edici?
</summary>
<p>
Doporučujeme vybrat jednu edici. FrontEnd edice
obsahuje vše ze Starter edice plus nástroje pro
webový vývoj.
</p>
</details>
<details class="faq-item animate-on-scroll delay-4">
<summary>
Kde najdu pomoc pokud se mi instalace nepodaří?
</summary>
<p>
Připojte se na náš
<a
href="https://t.me/apollonvim"
target="_blank"
rel="noopener noreferrer"
>Telegram kanál</a
>
nebo si přečtěte
<a href="./tutorialy.html">tutoriály</a>.
</p>
</details>
</div>
</div>
</section>
<!-- ===================== INSTALAČNÍ NÁVODY ===================== -->
<section class="section section--alt" id="navody" aria-labelledby="navody-title">
<div class="container">
<h2 class="section-title animate-on-scroll" id="navody-title">
📖 Instalační návody
<span class="section-title__line"></span>
</h2>
<p class="section__subtitle animate-on-scroll">
Podrobné průvodce k nejdůležitějším krokům instalace a nastavení.
</p>
<div class="guides-grid">
<!-- NÁVOD 1: vim.plug -->
<article class="guide-card animate-on-scroll" id="guide-vimplug">
<div class="guide-card__header">
<span class="guide-card__icon">📦</span>
<div>
<h3 class="guide-card__title">Jak nainstalovat vim.plug</h3>
<span class="badge badge--green">Základní krok</span>
</div>
</div>
<div class="guide-card__body">
<p>vim.plug je package manager pro Neovim. Bez něj nelze instalovat žádné pluginy. <strong>Nejprve si zálohuj stávající konfiguraci!</strong></p>
<h4 class="guide-card__subtitle">Cesty ke konfiguračním souborům</h4>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Cesty</span>
</div>
<pre><code><span class="token-comment"># Linux &amp; macOS</span>
<span class="token-path">~/.config/nvim/init.vim</span>
<span class="token-comment"># Windows</span>
<span class="token-path">~\AppData\Local\nvim\init.vim</span></code></pre>
</div>
<h4 class="guide-card__subtitle">Instalace na Linux &amp; macOS</h4>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Terminal</span>
</div>
<pre><code>sh -c 'curl -fLo "${XDG_DATA_HOME:-$HOME/.local/share}"/nvim/site/autoload/plug.vim --create-dirs \
https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim'</code></pre>
</div>
<h4 class="guide-card__subtitle">Instalace na Windows (PowerShell)</h4>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">PowerShell</span>
</div>
<pre><code>iwr -useb https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim |`
ni "$(@($env:XDG_DATA_HOME, $env:LOCALAPPDATA)[$null -eq $env:XDG_DATA_HOME])/nvim-data/site/autoload/plug.vim" -Force</code></pre>
</div>
<h4 class="guide-card__subtitle">Šablona init.vim pro vim.plug</h4>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">init.vim</span>
</div>
<pre><code>call plug#begin(has('nvim') ? stdpath('data') . '/plugged' : '~/.vim/plugged')
<span class="token-comment">\" Sem přidávej pluginy, např:</span>
<span class="token-comment">\" Plug 'autor/plugin-name'</span>
call plug#end()</code></pre>
</div>
<div class="info-box" style="margin-top:1rem;">
💡 Po přidání pluginu do <code>init.vim</code> spusť v Neovimu příkaz <kbd>:PlugInstall</kbd> a restart.
</div>
</div>
</article>
<!-- NÁVOD 2: Nejnovější Neovim na Linuxu -->
<article class="guide-card animate-on-scroll delay-1" id="guide-neovim-linux">
<div class="guide-card__header">
<span class="guide-card__icon">🐧</span>
<div>
<h3 class="guide-card__title">Nejnovější Neovim na Linuxu</h3>
<span class="badge badge--cyan">Linux</span>
</div>
</div>
<div class="guide-card__body">
<p>Ne každá distribuce nabízí nejnovější Neovim. Kompilací ze zdrojového kódu vždy získáš aktuální verzi. Ukázka pro distribuce založené na <strong>RHEL/Fedora</strong> — pro jiné distro nahraď <code>dnf</code> za <code>apt</code>, <code>pacman</code> nebo <code>yay</code>.</p>
<h4 class="guide-card__subtitle">Krok 1 – Instalace nástrojů</h4>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Terminal (RHEL/Fedora)</span>
</div>
<pre><code>sudo dnf groupinstall "Development Tools"
sudo dnf install cmake gcc gcc-c++ make ninja-build unzip</code></pre>
</div>
<h4 class="guide-card__subtitle">Krok 2 – Stažení zdrojového kódu</h4>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Terminal</span>
</div>
<pre><code>git clone https://github.com/neovim/neovim.git
cd neovim</code></pre>
</div>
<h4 class="guide-card__subtitle">Krok 3 – Kompilace</h4>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Terminal</span>
</div>
<pre><code>make CMAKE_BUILD_TYPE=Release</code></pre>
</div>
<h4 class="guide-card__subtitle">Krok 4 – Instalace</h4>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Terminal</span>
</div>
<pre><code>sudo make install</code></pre>
</div>
</div>
</article>
<!-- NÁVOD 3: init.vim základní nastavení -->
<article class="guide-card animate-on-scroll" id="guide-initvim">
<div class="guide-card__header">
<span class="guide-card__icon">⚙️</span>
<div>
<h3 class="guide-card__title">init.vim – základní nastavení</h3>
<span class="badge badge--purple">Konfigurace</span>
</div>
</div>
<div class="guide-card__body">
<p>Doporučená základní konfigurace souboru <code>init.vim</code>. Otevřeš ho příkazem <code>nvim init.vim</code> a vložíš tato nastavení.</p>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">init.vim</span>
</div>
<pre><code><span class="token-comment">" umožňuje zvýraznění syntaxe</span>
syntax on
<span class="token-comment">" Lepší barvy</span>
set termguicolors
<span class="token-comment">" počet pozic tabulátoru</span>
set tabstop=4
set softtabstop=4
set expandtab
<span class="token-comment">" povolení odrážek</span>
set smartindent
set shiftwidth=4
<span class="token-comment">" zobrazení čísla řádku</span>
set number
set numberwidth=4
<span class="token-comment">" zvýraznění při vyhledávání</span>
set incsearch
set nohlsearch
<span class="token-comment">" intuitivní otevírání oken</span>
set splitbelow
set splitright
<span class="token-comment">" procházení bufferů bez ztráty neuložené práce</span>
set hidden
<span class="token-comment">" scrolloff od okraje</span>
set scrolloff=8
<span class="token-comment">" undo historie</span>
set undofile
<span class="token-comment">" podpora myši</span>
set mouse=a
<span class="token-comment">" vyhledávání bez rozlišení velikosti</span>
set ignorecase
set smartcase</code></pre>
</div>
<div class="info-box" style="margin-top:1rem;">
💡 Pro nápovědu k libovolnému nastavení použij uvnitř Neovimu příkaz <kbd>:h název</kbd>, např. <kbd>:h number</kbd>.
</div>
</div>
</article>
<!-- NÁVOD 4: Konfigurace Lua -->
<article class="guide-card animate-on-scroll delay-1" id="guide-lua">
<div class="guide-card__header">
<span class="guide-card__icon">🌙</span>
<div>
<h3 class="guide-card__title">Konfigurace pluginů v Lua</h3>
<span class="badge badge--orange">Pokročilé</span>
</div>
</div>
<div class="guide-card__body">
<p>Některé pluginy vyžadují konfiguraci v jazyce Lua. Máš dvě možnosti:</p>
<h4 class="guide-card__subtitle">Způsob 1 – přímo do init.vim</h4>
<p style="color:var(--text-secondary);font-size:0.9rem;margin-bottom:0.75rem;">Jednodušší způsob – Lua blok vložíš přímo do init.vim.</p>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">init.vim</span>
</div>
<pre><code>lua &lt;&lt; EOF
require('název-pluginu').setup({
<span class="token-comment">-- konfigurace pluginu</span>
})
EOF</code></pre>
</div>
<h4 class="guide-card__subtitle">Způsob 2 – samostatné Lua soubory</h4>
<p style="color:var(--text-secondary);font-size:0.9rem;margin-bottom:0.75rem;">Přehlednější způsob pro více pluginů. Struktura složek:</p>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Struktura souborů</span>
</div>
<pre><code><span class="token-path">~/.config/nvim/</span>
├── init.vim <span class="token-comment">← hlavní config</span>
└── lua/
└── mujNick/
├── init.lua <span class="token-comment">← importuje soubory</span>
└── gitsigns.lua <span class="token-comment">← konfigurace pluginu</span></code></pre>
</div>
<h4 class="guide-card__subtitle">Krok 1 – Přidej do init.vim</h4>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">init.vim</span>
</div>
<pre><code>lua require('mujNick')</code></pre>
</div>
<h4 class="guide-card__subtitle">Krok 2 – Vytvoř lua/mujNick/gitsigns.lua</h4>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">lua/mujNick/gitsigns.lua</span>
</div>
<pre><code>require('gitsigns').setup {
current_line_blame = true,
current_line_blame_opts = {
virt_text_pos = 'right_align'
}
}</code></pre>
</div>
<h4 class="guide-card__subtitle">Krok 3 – Importuj v lua/mujNick/init.lua</h4>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">lua/mujNick/init.lua</span>
</div>
<pre><code>require('mujNick/gitsigns')</code></pre>
</div>
</div>
</article>
<!-- NÁVOD 5: Oprava Prettier -->
<article class="guide-card animate-on-scroll" id="guide-prettier">
<div class="guide-card__header">
<span class="guide-card__icon">🛠️</span>
<div>
<h3 class="guide-card__title">Jak opravit nefunkční Prettier</h3>
<span class="badge badge--pink">Řešení problémů</span>
</div>
</div>
<div class="guide-card__body">
<p>Pokud Prettier vypisuje chybu, pravděpodobně není nainstalovaný v projektu. Oprava je jednoduchá – stačí ho doinstalovat jako dev dependenci.</p>
<h4 class="guide-card__subtitle">Instalace Prettier do projektu</h4>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">Terminal (v adresáři projektu)</span>
</div>
<pre><code>npm install --save-dev prettier</code></pre>
</div>
<div class="info-box" style="margin-top:1rem;">
💡 Více informací o práci s Prettier v Neovimu najdeš na GitHubu
<a href="https://github.com/neoclide/coc-prettier" target="_blank" rel="noopener noreferrer">coc-prettier ↗</a>.
</div>
<h4 class="guide-card__subtitle">Instalace colorscheme po startu</h4>
<p style="color:var(--text-secondary);font-size:0.9rem;margin-bottom:0.75rem;">Aby se tvoje oblíbené téma načetlo automaticky při každém startu Neovimu:</p>
<div class="terminal-block">
<div class="terminal-block__header">
<span class="terminal-block__dot terminal-block__dot--red"></span>
<span class="terminal-block__dot terminal-block__dot--yellow"></span>
<span class="terminal-block__dot terminal-block__dot--green"></span>
<span class="terminal-block__title">init.vim</span>
</div>
<pre><code>colorscheme dracula
autocmd VimEnter * colorscheme dracula</code></pre>
</div>
</div>
</article>
</div>
<!-- /.guides-grid -->
<!-- CTA na tutoriály -->
<div class="guide-cta animate-on-scroll">
<p>Hledáš další návody? Všechny tutoriály najdeš na jednom místě.</p>
<a href="./tutorialy.html" class="btn-primary">📚 Všechny tutoriály</a>
<a href="https://t.me/apollonvim" target="_blank" rel="noopener noreferrer" class="btn-secondary">✈️ Zeptat se na Telegramu</a>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer">
<div class="footer__inner">
<div class="footer__brand">
<span class="footer__logo">🚀 ApolloNvim</span>
<p>Neovim distribuce pro moderní Front-End vývoj.</p>
<p class="footer__made">Made with ❤️ and ⌨️</p>
</div>
<div class="footer__col">
<h4>Stránky</h4>
<ul>
<li><a href="../index.html">Domů</a></li>
<li><a href="./instalace.html">Instalace</a></li>
<li><a href="./pluginy.html">Pluginy</a></li>
<li><a href="./tutorialy.html">Tutoriály</a></li>
<li><a href="./novinky.html">Novinky</a></li>
<li><a href="./zkratky.html">Zkratky</a></li>
</ul>
</div>
<div class="footer__col">
<h4>Komunita</h4>
<ul>
<li>
<a
href="https://t.me/apollonvim"
target="_blank"
rel="noopener noreferrer"
>Telegram</a
>
</li>
<li>
<a
href="https://codeberg.org/ApolloNvim/ApolloNvim2025"
target="_blank"
rel="noopener noreferrer"
>Codeberg</a
>
</li>
<li>
<a
href="https://lukaskanka.cz/"
target="_blank"
rel="noopener noreferrer"
>Web autora</a
>
</li>
</ul>
</div>
<div class="footer__col">
<h4>Projekty</h4>
<ul>
<li>
<a
href="https://arch-linux.cz/"
target="_blank"
rel="noopener noreferrer"
>ArchLinux CZ</a
>
</li>
<li>
<a
href="https://searxng.cz/"
target="_blank"
rel="noopener noreferrer"
>SearXNG CZ</a
>
</li>
<li>
<a
href="https://endeavouros.cz/"
target="_blank"
rel="noopener noreferrer"
>EndeavourOS CZ</a
>
</li>
</ul>
</div>
</div>
<div class="footer__bottom">
<p>Copyright &copy; 2024 - 2025 🚀 ApolloNvim / Lukáš Kaňka</p>
</div>
</footer>
<script src="../js/particles.js"></script>
<script src="../js/main.js"></script>
</body>
</html>