2025-02-06 22:12:19 +01:00

391 lines
16 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<title>Ještě lepší Neovim s Zellij terminálovým multiplexorem - 🚀 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/extra.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="../../installation/"
class="
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=" active
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="../02.%20keyshortcuts/"
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="../01.%20vimplug/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Jak nainstalovat vim.plug
</a>
</li>
<li class="drac-box-ternary">
<a href="../03.%20Jak%20nainstalovat%20Codeium%20do%20Neovim/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Jak nainstalovat Codeium do Neovim
</a>
</li>
<li class="drac-box-ternary">
<a href="../04.%20Jak%20nainstalovat%20Telescope%20do%20editoru%20Neovim/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Jak nainstalovat Telescope do editoru Neovim
</a>
</li>
<li class="drac-box-ternary">
<a href="../05.%20Barevn%C3%A9%20sch%C3%A9ma/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Barevné schéma
</a>
</li>
<li class="drac-box-ternary">
<a href="../06.%20Autosave/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Automatické úkládání
</a>
</li>
<li class="drac-box-ternary">
<a href="../07.%20Kop%C3%ADrov%C3%A1n%C3%AD%20a%20Vkl%C3%A1d%C3%A1n%C3%AD%20do%20a%20z%20%20Neovim%20z%20extern%C3%ADch%20zdroj%C5%AF/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Kopírování a Vkládání do a z Neovim z externích zdrojů
</a>
</li>
<li class="drac-box-ternary">
<a href="../08.%20Markdown_syntax/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Markdown_syntax
</a>
</li>
<li class="drac-box-ternary">
<a href="../09.%20init.vim%20z%C3%A1kladn%C3%AD%20nastaven%C3%AD/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
init.vim základní nastavení
</a>
</li>
<li class="drac-box-ternary">
<a href="../10.%20vim-fugitive%20ovl%C3%A1dni%20Git%20v%20Neovim/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Vim-fugitive ovládni Git v Neovim
</a>
</li>
<li class="drac-box-ternary">
<a href="../11.%20Gitsigns%20drobn%C3%A9%20vylep%C5%A1en%C3%AD%20git%20v%20Neovim/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Gitsigns drobné vylepšení git v Neovim
</a>
</li>
<li class="drac-box-ternary">
<a href="./"
class=" active
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Ještě lepší Neovim s Zellij terminálovým multiplexorem
</a>
</li>
<li class="drac-box-ternary">
<a href="../13.%20Pou%C5%BE%C3%ADv%C3%A1n%C3%AD%20relativn%C3%ADch%20%C4%8D%C3%ADsel%20%C5%99%C3%A1dk%C5%AF/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Používání relativních čísel řádků
</a>
</li>
<li class="drac-box-ternary">
<a href="../15.%20Jak%20na%20kop%C3%ADrov%C3%A1n%C3%AD%20a%20vkl%C3%A1d%C3%A1n%C3%AD/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Jak na kopírování a vkládání
</a>
</li>
<li class="drac-box-ternary">
<a href="../16.%20Jak%20nainstalovat%20nejnov%C4%9Bj%C5%A1%C3%AD%20verzi%20Neovim%20do%20linuxu/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Jak nainstalovat nejnovější verzi Neovim do linuxu
</a>
</li>
<li class="drac-box-ternary">
<a href="../17.%20Jak%20opravit%20nefunk%C4%8Dn%C3%AD%20Prettier/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Jak opravit nefunkční Prettier
</a>
</li>
<li class="drac-box-ternary">
<a href="../18.%20Konfigurace%20Lua/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Konfigurace Lua
</a>
</li>
<li class="drac-box-ternary">
<a href="../20.%20N%C3%A1hledy%20markdown%20v%20nvim/"
class="
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
Jak zobrazit náhled v markdown v prohlížeči pomocí coc-webview
</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="../11.%20Gitsigns%20drobn%C3%A9%20vylep%C5%A1en%C3%AD%20git%20v%20Neovim/"
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="../13.%20Pou%C5%BE%C3%ADv%C3%A1n%C3%AD%20relativn%C3%ADch%20%C4%8D%C3%ADsel%20%C5%99%C3%A1dk%C5%AF/"
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="12-jeste-lepsi-neovim-s-zellij-terminalovym-multiplexorem">12. Ještě lepší Neovim s Zellij terminálovým multiplexorem</h1>
<p>Co mi chybí na Neovim, je způsob, jak z něj zavolat terminál a otevřít terminál (druhé okno terminálu pod oknem s Neovim, viz obrázek) stejnou cestou, na kterém pracuji.</p>
<p>Abych toho dosáhl, používám <a href="https://zellij.dev/" target="_blank">Zellij</a> , což je terminálový multiplexor.</p>
<h2 id="konfigurace-zellij">Konfigurace Zellij</h2>
<p><a href="https://zellij.dev/" target="_blank">Zellij</a> vám umožňuje vytvářet vlastní rozvržení, která lze vyvolat při spuštění, abyste je lépe přizpůsobili práci, kterou budete dělat.</p>
<p>Následuje konfigurace pro práci s textovým editorem Neovim. Tuto konfiguraci jsem uložil pod touto cestou <code>~/.config/zellij/layouts/nvim.kdl</code>: </p>
<div class="codehilite"><pre><span></span><code>layout {
pane size=1 borderless=true {
plugin location=&quot;zellij:tab-bar&quot;
}
pane {
command &quot;nvim&quot;
args &quot;.&quot;
}
pane split_direction=&quot;vertical&quot; size=&quot;10%&quot; {
}
pane size=2 borderless=true {
plugin location=&quot;zellij:status-bar&quot;
}
}
</code></pre></div>
<p>Výsledkem je následující rozložení:
<img alt="" src="https://lukan.cz/wp-content/uploads/2024/03/HelixAndZellij-700x382.png" /></p>
<p>Nvim běžící v horním podokně s terminálovou konzolí v jiném podokně dole, ve stejné cestě jako projekt, se kterým pracuji!! a přesně tohoto cíle jsem chtěl dosáhnout.</p>
<h2 id="konfigurace-systemu">Konfigurace systému</h2>
<p>Nyní ke spuštění zellij s vlastním rozložením a instancí Nvim musíte spustit: </p>
<div class="codehilite"><pre><span></span><code>zellij --layout ~/.config/zellij/layouts/nvim.kdl
</code></pre></div>
<p>V míste (složce) v terminálu kde chcete spustit Neovim.</p>
<p>Nyní pro zjednodušení tohoto příkazu jsem vytvořil alias <code>znv</code>a uložil to do mého <code>~/.bashrc</code>soubor. </p>
<div class="codehilite"><pre><span></span><code>alias znv=&#39;zellij --layout $HOME/.config/zellij/layouts/nvim.kdl&#39;
</code></pre></div>
<p>S touto konfigurací pokaždé, když potřebuji vytvořit novou instanci Neovim, stačí zadat <em>znv</em> do adresáře, se kterým chci pracovat, a <a href="https://zellij.dev/" target="_blank">Zellij</a> mi zavolá Neovim a automaticky otevře projekt.</p>
<div style="text-align: center;">
Copyright © 2024 - 2025 🚀 ApolloNvim / Lukáš Kaňka
</div></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>