mirror of
https://codeberg.org/Kankys/ApolloNvim2025.git
synced 2026-11-11 16:34:36 +01:00
1927 lines
120 KiB
HTML
1927 lines
120 KiB
HTML
<!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 & 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>
|
||
<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>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>
|
||
<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>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>
|
||
<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 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>
|
||
<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>👉 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>
|
||
<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;">
|
||
✅ <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 & 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>
|
||
<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>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>
|
||
<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>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>
|
||
<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>
|
||
<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>
|
||
<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;">
|
||
✅ <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>
|
||
<button class="copy-btn" data-clipboard-text="npx live-server">Kopírovat</button>
|
||
</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 & 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 & 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 & 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 & 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 & 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>
|
||
<button class="copy-btn" data-clipboard-text="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'">Kopírovat</button>
|
||
</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>
|
||
<button class="copy-btn" data-clipboard-text="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">Kopírovat</button>
|
||
</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>
|
||
<button class="copy-btn" data-clipboard-text="call plug#begin(has('nvim') ? stdpath('data') . '/plugged' : '~/.vim/plugged')
|
||
|
||
\" Sem přidávej pluginy, např:
|
||
\" Plug 'autor/plugin-name'
|
||
|
||
call plug#end()">Kopírovat</button>
|
||
</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>
|
||
<button class="copy-btn" data-clipboard-text="sudo dnf groupinstall \"Development Tools\" && sudo dnf install cmake gcc gcc-c++ make ninja-build unzip">Kopírovat</button>
|
||
</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>
|
||
<button class="copy-btn" data-clipboard-text="git clone https://github.com/neovim/neovim.git && cd neovim">Kopírovat</button>
|
||
</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>
|
||
<button class="copy-btn" data-clipboard-text="make CMAKE_BUILD_TYPE=Release">Kopírovat</button>
|
||
</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>
|
||
<button class="copy-btn" data-clipboard-text="sudo make install">Kopírovat</button>
|
||
</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>
|
||
<button class="copy-btn" data-clipboard-text='" umožňuje zvýraznění syntaxe\nsyntax on\n\n" Lepší barvy\nset termguicolors\n\n" počet pozic tabulátoru\nset tabstop=4\nset softtabstop=4\nset expandtab\n\n" povolení odrážek\nset smartindent\nset shiftwidth=4\n\n" zobrazení čísla řádku\nset number\nset numberwidth=4\n\n" zvýraznění při vyhledávání\nset incsearch\nset nohlsearch\n\n" intuitivní otevírání oken\nset splitbelow\nset splitright\n\n" procházení bufferů bez ztráty neuložené práce\nset hidden\n\n" scrolloff od okraje\nset scrolloff=8\n\n" undo historie\nset undofile\n\n" podpora myši\nset mouse=a\n\n" vyhledávání bez rozlišení velikosti\nset ignorecase\nset smartcase'>Kopírovat</button>
|
||
</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>
|
||
<button class="copy-btn" data-clipboard-text="lua << EOF\nrequire('název-pluginu').setup({\n -- konfigurace pluginu\n})\nEOF">Kopírovat</button>
|
||
</div>
|
||
<pre><code>lua << 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>
|
||
<button class="copy-btn" data-clipboard-text="lua require('mujNick')">Kopírovat</button>
|
||
</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>
|
||
<button class="copy-btn" data-clipboard-text="require('gitsigns').setup {\n current_line_blame = true,\n current_line_blame_opts = {\n virt_text_pos = 'right_align'\n }\n}">Kopírovat</button>
|
||
</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>
|
||
<button class="copy-btn" data-clipboard-text="require('mujNick/gitsigns')">Kopírovat</button>
|
||
</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>
|
||
<button class="copy-btn" data-clipboard-text="npm install --save-dev prettier">Kopírovat</button>
|
||
</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>
|
||
<button class="copy-btn" data-clipboard-text="colorscheme dracula\nautocmd VimEnter * colorscheme dracula">Kopírovat</button>
|
||
</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 © 2024 - 2025 🚀 ApolloNvim / Lukáš Kaňka</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="../js/particles.js"></script>
|
||
<script src="../js/main.js"></script>
|
||
</body>
|
||
</html>
|