mirror of
https://codeberg.org/Kankys/ApolloNvim2025.git
synced 2026-11-11 16:34:36 +01:00
2098 lines
87 KiB
HTML
2098 lines
87 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">v26.09</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>
|
||
</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/Kankys/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 & 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/Kankys/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 & 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>
|
||
</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 << 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/Kankys/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 - 2026 🚀 ApolloNvim / Lukáš Kaňka</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="../js/particles.js"></script>
|
||
<script src="../js/main.js"></script>
|
||
</body>
|
||
</html>
|