296 lines
7.3 KiB
HTML
296 lines
7.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta
|
|
name="description"
|
|
content="ApolloNvim freedom in programming...."
|
|
/>
|
|
<meta name="keywords" content="ApolloNvim Distro Installation" />
|
|
<meta name="author" content="Kankys" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0"
|
|
/>
|
|
<link rel="stylesheet" href="style.css" />
|
|
<link rel="shortcut icon" href="img/icons8-rocket.gif" />
|
|
<!--nav bar-->
|
|
<script
|
|
src="https://kit.fontawesome.com/0a43c6cd1f.js"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<!--icons dark, go to up-->
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
|
|
/>
|
|
<!--ubuntu fonts-->
|
|
<style>
|
|
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
|
|
</style>
|
|
<title>ApolloNvim Installation</title>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<h1 class="title"><a href="index.html">🚀ApolloNvim</a></h1>
|
|
|
|
<!-- Terminal - navigation -->
|
|
<nav class="navigation">
|
|
<ul>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li>
|
|
<a href="plugins.html"
|
|
>Plugins</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="tutorials.html"
|
|
>Tutorials</a
|
|
>
|
|
</li>
|
|
<li><a href="/cz/index.html">Česky</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="menu-icon">
|
|
<!-- Ikona hamburger -->
|
|
<i class="fa-solid fa-bars"></i>
|
|
<!-- Ikona cross -->
|
|
<!-- <i class="fa-solid fa-xmark"></i> -->
|
|
</div>
|
|
</header>
|
|
<hr />
|
|
<section class="content" id="welcome">
|
|
<section id="install">
|
|
<h2>Installation and setup:</h2>
|
|
<p>
|
|
<strong>
|
|
Before installing new plugins, always check the documentation for the plugins on Github. This will prevent potential problems! If you're not sure about the procedure or something is not clear, you'd better check the documentation,write to us or the forums to find the answer.
|
|
</strong>
|
|
</p>
|
|
|
|
<p>
|
|
👉 If you don't have it yet, install
|
|
<a
|
|
href="https://neovim.io/"
|
|
target="_blank"
|
|
>Neovim</a
|
|
>.
|
|
</p>
|
|
<p>
|
|
👉 You will need to install plug.vim to install the extension.
|
|
</p>
|
|
<p>
|
|
👉 Go to this
|
|
<a
|
|
href="https://github.com/junegunn/vim-plug"
|
|
target="_blank"
|
|
>page</a
|
|
> under Installation find your operating system and copy the link under it into your terminal.
|
|
</p>
|
|
<p>
|
|
👉 Nejprve si však zálohujte své aktuální nastavení Neovim!!!
|
|
</p>
|
|
<p>👉 Linux & Mac:</p>
|
|
<div class="code-box">
|
|
<p>/home/user/.config/nvim/init.vim</p>
|
|
</div>
|
|
<p>Windows:</p>
|
|
<div class="code-box">
|
|
<p>~\AppData\Local\nvim</p>
|
|
</div>
|
|
</section>
|
|
<section id="node">
|
|
<h2>Node.js:</h2>
|
|
<p>
|
|
👉 Doporučuji mít nainstalovaný
|
|
<a
|
|
href="https://nodejs.org/en"
|
|
href="_blank"
|
|
>Node.js</a
|
|
>.
|
|
</p>
|
|
<p>
|
|
👉 Dále si v Node.js nainstalujte
|
|
<a
|
|
href="https://www.npmjs.com/package/live-server"
|
|
target="_blank"
|
|
>Live-server</a
|
|
>
|
|
příkazem:
|
|
</p>
|
|
<div class="code-box">
|
|
<p>npm i live-server</p>
|
|
</div>
|
|
<p>
|
|
👉 Ve svém projektu budete moci pouštět
|
|
svůj index.html příkazem:
|
|
</p>
|
|
<div class="code-box">
|
|
<p>npx live-server</p>
|
|
</div>
|
|
<p>
|
|
👉 Pro správnou funkčnost LSP si
|
|
doinstalujte tyto balíčky:
|
|
</p>
|
|
|
|
<p>
|
|
<a
|
|
href="https://github.com/microsoft/vscode-html-languageservice"
|
|
target="_blank"
|
|
>vscode-html-langserver</a
|
|
>
|
|
</p>
|
|
<p>
|
|
<a
|
|
href="https://github.com/microsoft/vscode-css-languageservice"
|
|
target="_blank"
|
|
>vscode-css-langserver</a
|
|
>
|
|
</p>
|
|
<p>
|
|
<a
|
|
href="https://github.com/typescript-language-server/typescript-language-server"
|
|
target="_blank"
|
|
>typescript-language-server</a
|
|
>
|
|
</p>
|
|
<p>
|
|
<a
|
|
href="https://github.com/aca/emmet-ls"
|
|
target="_blank"
|
|
>emmet-ls</a
|
|
>
|
|
</p>
|
|
<p>
|
|
<a
|
|
href="https://eslint.org/docs/latest/use/getting-started"
|
|
target="_blank"
|
|
>eslint</a
|
|
>
|
|
</p>
|
|
<p>
|
|
<a
|
|
href="https://github.com/tailwindlabs/tailwindcss-intellisense/blob/master/packages/tailwindcss-language-server/README.md"
|
|
target="_blank"
|
|
>vtailwindcss-language-server</a
|
|
>
|
|
</p>
|
|
<p>
|
|
<a
|
|
href="https://github.com/artempyanykh/marksman"
|
|
target="_blank"
|
|
>marksman</a
|
|
>
|
|
</p>
|
|
<p>
|
|
<a
|
|
href="https://github.com/markdoc-extra/markdoc-ls"
|
|
target="_blank"
|
|
>markdoc-ls</a
|
|
>
|
|
</p>
|
|
</section>
|
|
<section id="neovim">
|
|
<h2>Neovim:</h2>
|
|
<p>
|
|
👉 Nejjednoduší způsob pro instalaci 🚀 ApolloNvim Distra pro Linux a MacOS si stačí stáhnout tento repozitář příkazem :
|
|
</p>
|
|
<div class="code-box">
|
|
<p>git clone -b nvim https://codeberg.org/Kankys/ApolloNvim2025.git ~/.config/nvim</p>
|
|
</div>
|
|
|
|
<p>
|
|
👉 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>
|
|
</p>
|
|
<p>
|
|
👉 Ale pokud chcete můžete si Nvim nakonfigurovat dle sebe a jen se inspirovat.
|
|
</p>
|
|
<p>
|
|
👉 Neovim pustíte v terminálu příkazem
|
|
<strong>nvim</strong>.
|
|
</p>
|
|
<p>👉 Odklikejte chybová hlášení.</p>
|
|
<p>
|
|
👉 V Neovimu zadejte do command line
|
|
<strong>PlugIns</strong> , tím
|
|
nainstalujete všechny pluginy.
|
|
Restartujte Neovim.
|
|
</p>
|
|
<p>
|
|
👉 Pokud Vám některý plugin chybí,
|
|
můžete ho lehce doinstalovat nebo naopak
|
|
odinstalovat pomocí
|
|
<strong>plug.vim</strong>. Více
|
|
informací najdete na GitHubu
|
|
<a
|
|
href="https://github.com/junegunn/vim-plug"
|
|
target="_blank"
|
|
>plug.vim</a
|
|
>
|
|
nebo velmi rád poradím viz. o nás.
|
|
</p>
|
|
<p>
|
|
👉 Pokud některý plugin nechcete
|
|
používat stačí v souboru
|
|
<strong>init.vim</strong> ho
|
|
zakomentovat pomocí dvojitých uvozovek
|
|
<strong>"</strong>.
|
|
</p>
|
|
<p>
|
|
👉 Do command line ještě zadejte Coc
|
|
příkaz pro doinstalování zbylých
|
|
pluginů:
|
|
</p>
|
|
<div class="code-box">
|
|
<p>
|
|
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
|
|
coc-highlighting
|
|
</p>
|
|
</div>
|
|
<p>
|
|
👉 A ještě jednou restartujte Neovim a
|
|
vše máte připravené.
|
|
</p>
|
|
<p>
|
|
👉 Tuto konfiguraci používám na Linuxu i
|
|
MacOS. Je ozkoušena i na Windows 11.
|
|
</p>
|
|
</section>
|
|
|
|
<button
|
|
onclick="scrollToTop()"
|
|
id="scrollToTopBtn"
|
|
title="Go to top"
|
|
>
|
|
<i class="fas fa-arrow-up"></i>
|
|
</button>
|
|
<footer>
|
|
Copyright ©
|
|
<a
|
|
href="https://git.archoslinux.cz/kankys"
|
|
target="_blank"
|
|
>Lukáš Kaňka</a
|
|
>
|
|
2024 - 2025
|
|
</footer>
|
|
</section>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|