291 lines
15 KiB
HTML
291 lines
15 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>Instalace - ApolloNvim</title>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||
|
|
<link rel="stylesheet" href="../assets/css/darcula-highlight.min.css">
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
|
||
|
|
<link rel="stylesheet" href="../assets/css/dracula-ui.min.css">
|
||
|
|
<link rel="stylesheet" href="../assets/css/mkdocs.min.css">
|
||
|
|
<link href="../style/style.css" rel="stylesheet">
|
||
|
|
|
||
|
|
|
||
|
|
<link rel="icon" type="image/x-icon" href="../assets/img/favicon.ico">
|
||
|
|
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
|
||
|
|
<script>hljs.initHighlightingOnLoad();</script>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="drac-bg-black-secondary drac-text-grey-ternary drac-text drac-scrollbar-purple">
|
||
|
|
|
||
|
|
<main class="d-flex">
|
||
|
|
|
||
|
|
<!-- block sidebar -->
|
||
|
|
<nav id="sidebar" class="sidebar drac-bg-black">
|
||
|
|
<div class="custom-menu">
|
||
|
|
<button type="button" id="sidebarCollapse" class="btn btn-primary">
|
||
|
|
<i class="fa fa-bars"></i>
|
||
|
|
<span class="sr-only">Menu</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="p-4">
|
||
|
|
|
||
|
|
|
||
|
|
<div class="drac-text-center">
|
||
|
|
|
||
|
|
<span class="drac-text drac-line-height drac-text-white">ApolloNvim</span>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="drac-box flex-column">
|
||
|
|
<ul class="dot-ul">
|
||
|
|
<li><div class="dot-li drac-bg-cyan"></div></li>
|
||
|
|
<li><div class="dot-li drac-bg-green"></div></li>
|
||
|
|
<li><div class="dot-li drac-bg-orange"></div></li>
|
||
|
|
<li><div class="dot-li drac-bg-pink"></div></li>
|
||
|
|
<li><div class="dot-li drac-bg-purple"></div></li>
|
||
|
|
<li><div class="dot-li drac-bg-red"></div></li>
|
||
|
|
<li><div class="dot-li drac-bg-yellow"></div></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<hr class="drac-divider" />
|
||
|
|
|
||
|
|
<!-- block menu -->
|
||
|
|
<ul class="mb-5 drac-list drac-list-none">
|
||
|
|
|
||
|
|
<li class="drac-box">
|
||
|
|
<a href=".."
|
||
|
|
class="
|
||
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
||
|
|
Domů
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="drac-box">
|
||
|
|
<a href="./"
|
||
|
|
class=" active
|
||
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
||
|
|
Instalace
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="drac-box">
|
||
|
|
<a href="../plugins/"
|
||
|
|
class="
|
||
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
||
|
|
Pluginy
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="drac-box">
|
||
|
|
<a href=".."
|
||
|
|
class="
|
||
|
|
drac-anchor btn-toggle d-inline-flex align-items-center border-0 drac-text-purple--hover collapsed"
|
||
|
|
data-bs-toggle="collapse" data-bs-target="#návody-collapse" aria-expanded="false">
|
||
|
|
Návody
|
||
|
|
</a>
|
||
|
|
<div class="collapse" id="návody-collapse">
|
||
|
|
<ul class="mb-5 drac-list drac-list-none">
|
||
|
|
|
||
|
|
<li class="drac-box-ternary">
|
||
|
|
<a href="../keyshortcuts/"
|
||
|
|
class="
|
||
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
||
|
|
Defaultní klávesové zkratky
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="drac-box-ternary">
|
||
|
|
<a href="../vimplug/"
|
||
|
|
class="
|
||
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
||
|
|
Jak nainstalovat vim.plug
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="drac-box">
|
||
|
|
<a href="../contact/"
|
||
|
|
class="
|
||
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
||
|
|
Kontakty
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<!-- endblock -->
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
<!-- endblock -->
|
||
|
|
|
||
|
|
<nav class="divider drac-bg-purple-cyan"></nav>
|
||
|
|
|
||
|
|
<div class="content">
|
||
|
|
<!-- block header -->
|
||
|
|
<header>
|
||
|
|
<nav class="navbar navbar-expand-xl drac-bg-purple">
|
||
|
|
<div class="container-fluid">
|
||
|
|
|
||
|
|
<button class="navbar-toggler w-100 text-center" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsMenu"
|
||
|
|
aria-controls="navbarsMenu" aria-expanded="false" aria-label="Toggle navigation">
|
||
|
|
<span class="navbar-toggler-icon"></span>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<div class="collapse navbar-collapse flex-column ml-auto" id="navbarsMenu">
|
||
|
|
<ul class="navbar-nav text-md-center">
|
||
|
|
|
||
|
|
<!-- block preview -->
|
||
|
|
<li class="nav-item">
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
<div class="row row-preview">
|
||
|
|
<div class="col">
|
||
|
|
<a href=".."
|
||
|
|
class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
|
||
|
|
<i class="fa fa-arrow-left"></i> Previous
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="col">
|
||
|
|
<a href="../plugins/"
|
||
|
|
class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover" style="padding-left: 3%;">
|
||
|
|
Next <i class="fa fa-arrow-right"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<!-- endblock -->
|
||
|
|
|
||
|
|
<!-- block search -->
|
||
|
|
<li class="nav-item"><div role="search" class="search-box">
|
||
|
|
<form id="rtd-search-form" class="wy-form" action="../search.html" method="get">
|
||
|
|
<input type="text" name="q" class="drac-input drac-input-search drac-input-white drac-text-white drac-bg-black-secondary"
|
||
|
|
placeholder="Search docs" title="Type search term here" />
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<!-- endblock -->
|
||
|
|
|
||
|
|
<!-- block source -->
|
||
|
|
<li class="nav-item">
|
||
|
|
|
||
|
|
</li>
|
||
|
|
<!-- endblock -->
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
<!-- endblock -->
|
||
|
|
|
||
|
|
<!-- block content -->
|
||
|
|
<section class="p-md-5 section-content">
|
||
|
|
<article>
|
||
|
|
<p><h1 id="vzdy-se-podivej-pred-instalaci-novych-pluginu-na-dokumentaci-k-plaginum-na-githubu-predejdes-tim-pripadnym-problemum-pokud-si-nejsi-jisty-postupem-nebo-ti-neni-neco-jasne-tak-radeji-se-podivej-do-dokumentacenapis-nam-nebo-forech-najdes-odpoved">Vždy se podívej před instalací nových pluginu, na dokumentaci k plaginům na Githubu. Předejdeš tím případným problémům! Pokud si nejsi jistý postupem nebo ti není něco jasné, tak raději se podívej do dokumentace,napiš nám nebo fórech najdeš odpověď.</h1>
|
||
|
|
<h1 id="instalace-a-nastaveni-start-editions">Instalace a nastavení Start Editions:</h1>
|
||
|
|
<ul>
|
||
|
|
<li>👉 Pokud ještě nemáte, nainstalujte si <a href="https://neovim.io/">Neovim</a>.</li>
|
||
|
|
<li>👉 Bude potřeba nainstalovat plug.vim abyste mohl/a instalovat rozšíření.</li>
|
||
|
|
<li>👉 Běžte na tuto stránku <code>https://github.com/junegunn/vim-plug</code> pod Installation si najděte svůj operační systém a zkopírujte odkaz pod ním do svého terminálu.</li>
|
||
|
|
<li>👉 Pokud už Neovim máte naistalovaný, <strong>nejprve si však zálohujte své aktuální nastavení Neovim!!!</strong></li>
|
||
|
|
</ul>
|
||
|
|
<p>Konfigirační soubory najdeš zde:</p>
|
||
|
|
<p>Linux & Mac:</p>
|
||
|
|
<p><code>/home/user/.config/nvim/init.vim</code> </p>
|
||
|
|
<p>Windows:</p>
|
||
|
|
<p><code>~/AppData/Local/nvim/init.vim</code></p>
|
||
|
|
<h3 id="neovim">Neovim:</h3>
|
||
|
|
<ul>
|
||
|
|
<li>👉 Nejjednoduší způsob pro instalaci 🚀 ApolloNvim Distra pro Linux a MacOS si stačí stáhnout tento repozitář příkazem : <code>git clone -b nvim https://codeberg.org/Kankys/ApolloNvim2025.git ~/.config/nvim</code>.</li>
|
||
|
|
<li>👉 Pozor tento příkaz výše vám přepíše dosavadní složku nvim v ~/.config/nvim. <strong>Nezapomeňte na zálohu stávající složky nvim než ji přepíšete novou s tohoto repozitáře například že původní přejmenujete nvim.bak</strong>.</li>
|
||
|
|
<li>👉 Ale pokud chcete můžete si Nvim nakonfigurovat dle sebe a jen se inspirovat.</li>
|
||
|
|
<li>👉 Neovim pustíte v terminálu příkazem <code>nvim</code>.</li>
|
||
|
|
<li>👉 Odklikejte chybová hlášení.</li>
|
||
|
|
<li>👉 V Neovimu zadejte do command line <code>PlugInstall</code> , tím nainstalujete všechny pluginy. Restartujte Neovim. Command Line vyvoláte klávesovou zkratkou <code>SHIFT + :</code>.</li>
|
||
|
|
<li>👉 Pokud Vám některý plugin chybí, můžete lehce doinstalovat nebo odinstalovat pomocí <code>vim.plug</code>. Více informací najdete na GitHubu <a href="https://github.com/junegunn/vim-plug">vim.plug</a> nebo velmi rád poradím viz. o nás.</li>
|
||
|
|
<li>👉 Pokud některý plugin nechcete používat stačí ho v souboru <code>init.vim</code> zakomentovat pomocí dvojitých uvozovek <code>"</code>.</li>
|
||
|
|
<li>👉 Do command line ještě zadejte Coc příkaz, pro doinstalování zbylých pluginů <code>CocInstall coc-markdown-preview-enhanced coc-webview</code>. A ještě jednou restartujte Neovim a vše máte připravené.</li>
|
||
|
|
<li>👉 Pokud se Vám vše nechce instalovat ručně můžete stáhnout tento repožitář a nainstalujte si pouze <code>vim.plug</code> a COC (jak nainstalovat vim.plug najdeš výšše) a pak stačí jen použít příkaz <code>:PlugInstall</code> a vše Vám bude hned fungovat. </li>
|
||
|
|
<li>👉 Některé plaginy potřebují na konfigurovat v jazyce Lua. Jak na to se dozvíš v readme <a href="readme/">18. Konfigurace Lua</a>.</li>
|
||
|
|
<li>👉 Tuto konfiguraci používám na Linuxu i MacOS. Je odzkoušena i na Windows 11.</li>
|
||
|
|
</ul>
|
||
|
|
<h2 id="instalace-a-nastaveni-frontend-editions">Instalace a nastavení FrontEnd Editions:</h2>
|
||
|
|
<ul>
|
||
|
|
<li>👉 Pokud ještě nemáte, nainstalujte si <a href="https://neovim.io/">Neovim</a>.</li>
|
||
|
|
<li>👉 Bude potřeba nainstalovat plug.vim abyste mohl/a instalovat rozšíření.</li>
|
||
|
|
<li>👉 Běžte na tuto stránku <code>https://github.com/junegunn/vim-plug</code> pod Installation si najděte svůj operační systém a zkopírujte odkaz pod ním do svého terminálu.</li>
|
||
|
|
<li>👉 Pokud už Neovim máte naistalovaný, <strong>nejprve si však zálohujte své aktuální nastavení Neovim!!!</strong></li>
|
||
|
|
</ul>
|
||
|
|
<p>Konfigirační soubory najdeš zde:</p>
|
||
|
|
<p>Linux & Mac:</p>
|
||
|
|
<p><code>/home/user/.config/nvim/init.vim</code> </p>
|
||
|
|
<p>Windows:</p>
|
||
|
|
<p><code>~/AppData/Local/nvim/init.vim</code></p>
|
||
|
|
<h3 id="nodejs">Node.js:</h3>
|
||
|
|
<ul>
|
||
|
|
<li>👉 Doporučuji i mít nainstalovaný <a href="https://nodejs.org/en">Node.js</a> </li>
|
||
|
|
<li>👉 Dále si v Node.js nainstalujte <a href="https://www.npmjs.com/package/live-server">Live-server</a> příkazem <code>npm i live-server</code>.</li>
|
||
|
|
<li>👉 Ve svém adresáři projektu budete moci pouštět svůj index.html příkazem <code>npx live-server</code>.</li>
|
||
|
|
<li>👉 Pro správnou funkčnost LSP si doinstalujte tyto balíčky:</li>
|
||
|
|
</ul>
|
||
|
|
<p>Pokud vám terminál vypíše chybu při použití příkazu npm. Bude potřeba balíček instalovat jako sudo.</p>
|
||
|
|
<p><a href="https://github.com/microsoft/vscode-html-languageservice">vscode-html-language-server</a></p>
|
||
|
|
<p><a href="https://github.com/microsoft/vscode-css-languageservice">vscode-css-language-server</a></p>
|
||
|
|
<p><a href="https://github.com/typescript-language-server/typescript-language-server">typescript-language-server</a></p>
|
||
|
|
<p><a href="https://github.com/aca/emmet-ls">emmet-ls</a></p>
|
||
|
|
<p><a href="https://github.com/tailwindlabs/tailwindcss-intellisense/blob/master/packages/tailwindcss-language-server/README.md">tailwindcss-language-server</a></p>
|
||
|
|
<h3 id="neovim_1">Neovim:</h3>
|
||
|
|
<ul>
|
||
|
|
<li>👉 Nejjednoduší způsob pro instalaci 🚀 ApolloNvim Distra pro Linux a MacOS si stačí stáhnout tento repozitář příkazem : <code>git clone -b frontend https://codeberg.org/Kankys/ApolloNvim2025.git ~/.config/nvim</code>.</li>
|
||
|
|
<li>👉 Pozor tento příkaz výše vám přepíše dosavadní složku nvim v ~/.config/nvim. <strong>Nezapomeňte na zálohu stávající složky nvim než ji přepíšete novou s tohoto repozitáře například že původní přejmenujete nvim.bak</strong>.</li>
|
||
|
|
<li>👉 Ale pokud chcete můžete si Nvim nakonfigurovat dle sebe a jen se inspirovat.</li>
|
||
|
|
<li>👉 Neovim pustíte v terminálu příkazem <code>nvim</code>.</li>
|
||
|
|
<li>👉 Odklikejte chybová hlášení.</li>
|
||
|
|
<li>👉 V Neovimu zadejte do command line <code>PlugInstall</code> , tím nainstalujete všechny pluginy. Restartujte Neovim. Command Line vyvoláte klávesovou zkratkou <code>SHIFT + :</code>.</li>
|
||
|
|
<li>👉 Pokud Vám některý plugin chybí, můžete lehce doinstalovat nebo odinstalovat pomocí <code>vim.plug</code>. Více informací najdete na GitHubu <a href="https://github.com/junegunn/vim-plug">vim.plug</a> nebo velmi rád poradím viz. o nás.</li>
|
||
|
|
<li>👉 Pokud některý plugin nechcete používat stačí ho v souboru <code>init.vim</code> zakomentovat pomocí dvojitých uvozovek <code>"</code>.</li>
|
||
|
|
<li>👉 Do command line ještě zadejte Coc příkaz, pro doinstalování zbylých pluginů <code>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</code>. A ještě jednou restartujte Neovim a vše máte připravené.</li>
|
||
|
|
<li>👉 Pokud se Vám vše nechce instalovat ručně můžete stáhnout tento repožitář a nainstalujte si pouze <code>vim.plug</code> a COC (jak nainstalovat vim.plug najdeš výšše) a pak stačí jen použít příkaz <code>:PlugInstall</code> a vše Vám bude hned fungovat. </li>
|
||
|
|
<li>👉 Některé plaginy potřebují na konfigurovat v jazyce Lua. Jak na to se dozvíš v readme <a href="readme/">18. Konfigurace Lua</a>.</li>
|
||
|
|
<li>👉 Tuto konfiguraci používám na Linuxu i MacOS. Je odzkoušena i na Windows 11.</li>
|
||
|
|
</ul></p>
|
||
|
|
</article>
|
||
|
|
</section>
|
||
|
|
<!-- endblock -->
|
||
|
|
|
||
|
|
<!-- block footer -->
|
||
|
|
<footer>
|
||
|
|
<div class="d-flex flex-sm-row justify-content-between py-2 border-top drac-text-black drac-bg-cyan-green">
|
||
|
|
<a href="https://github.com/dracula/mkdocs" target="_blank" style="padding-left: 1%;"
|
||
|
|
class="footer-text drac-anchor drac-text-black drac-text-purple--hover">
|
||
|
|
Made with Dracula Theme for MkDocs
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
<!-- endblock -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<script>var base_url = '..';</script>
|
||
|
|
<script src="../assets/js/jquery-3.3.1.slim.min.js"></script>
|
||
|
|
<script src="../assets/js/bootstrap.bundle.min.js"></script>
|
||
|
|
<script src="../assets/js/mkdocs.js"></script>
|
||
|
|
<script src="../javascripts/extra.js" defer></script>
|
||
|
|
<script src="../search/main.js" defer></script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|