314 lines
11 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/apollonvim.jpg" />
<!--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">
<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>
<section id="install">
<h2>Installation and setup Start Edition:</h2>
<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>👉 But first back up your current Neovim settings!!!</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="neovim">
<h2>Neovim:</h2>
<p>
👉 The easiest way to install 🚀 ApolloNvim Distro for Linux and macOS
is to download this repository with the command :
</p>
<div class="code-box">
<p>
git clone -b nvim https://codeberg.org/Kankys/ApolloNvim2025.git
~/.config/nvim
</p>
</div>
<p>
👉 Note this command above will overwrite the existing nvim folder in
~/.config/nvim.
<strong
>Don't forget to back up the existing nvim folder before you
overwrite it with a new one from this repository, for example by
renaming the original nvim.bak.</strong
>
</p>
<p>
👉 But if you want you can configure Nvim to your liking and just get
inspired.
</p>
<p>
👉 You can run neovim in the terminal with the
<strong>nvim</strong> command.
</p>
<p>👉 Click on error messages.</p>
<p>
👉 In Neovim, type <strong>PlugInstall</strong> in the command line , this will install all plugins. Restart Neovim.
</p>
<p>
👉 If you are missing a plugin, you can easily install or uninstall it using <strong>plug.vim</strong>. You can find more information on GitHub <a href="https://github.com/junegunn/vim-plug" target="_blank"
>plug.vim</a
> or I'd be happy to advise you see about us.
</p>
<p>
👉 If you don't want to use a plugin, just comment it out in the <strong>init.vim</strong> file using double quotes <strong>"</strong>.
</p>
<p>
👉 Enter the Coc command in the command line to install the remaining plugins:
</p>
<div class="code-box">
<p>
CocInstall coc-markdown-preview-enhanced coc-webview
</p>
</div>
<p>👉 Reboot Neovim once more and you're all set.</p>
<p>
👉 I use this configuration on both Linux and macOS. It is also tested on Windows 11.
</p>
</section>
<section id="install">
<h2>Installation and setup FrontEnd Edition:</h2>
<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>👉 But first back up your current Neovim settings!!!</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>
This section is not important if you are not interested in web
application development.
</p>
<p>
👉 I recommend to have
<a href="https://nodejs.org/en" href="_blank">Node.js</a> installed.
</p>
<p>
👉 Next, install the
<a href="https://www.npmjs.com/package/live-server" target="_blank"
>Live-server</a
>
in Node.js with the command:
</p>
<div class="code-box">
<p>npm i live-server</p>
</div>
<p>
👉 In your project you will be able to run your index.html command:
</p>
<div class="code-box">
<p>npx live-server</p>
</div>
<p>👉 For proper LSP functionality, install the following packages:</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>
</section>
<section id="neovim">
<h2>Neovim:</h2>
<p>
👉 The easiest way to install 🚀 ApolloNvim Distro for Linux and macOS
is to download this repository with the command :
</p>
<div class="code-box">
<p>
git clone -b frontend https://codeberg.org/Kankys/ApolloNvim2025.git
~/.config/nvim
</p>
</div>
<p>
👉 Note this command above will overwrite the existing nvim folder in
~/.config/nvim.
<strong
>Don't forget to back up the existing nvim folder before you
overwrite it with a new one from this repository, for example by
renaming the original nvim.bak.</strong
>
</p>
<p>
👉 But if you want you can configure Nvim to your liking and just get
inspired.
</p>
<p>
👉 You can run neovim in the terminal with the
<strong>nvim</strong> command.
</p>
<p>👉 Click on error messages.</p>
<p>
👉 In Neovim, type <strong>PlugInstall</strong> in the command line , this will install all plugins. Restart Neovim.
</p>
<p>
👉 If you are missing a plugin, you can easily install or uninstall it using <strong>plug.vim</strong>. You can find more information on GitHub <a href="https://github.com/junegunn/vim-plug" target="_blank"
>plug.vim</a
> or I'd be happy to advise you see about us.
</p>
<p>
👉 If you don't want to use a plugin, just comment it out in the <strong>init.vim</strong> file using double quotes <strong>"</strong>.
</p>
<p>
👉 Enter the Coc command in the command line to install the remaining plugins:
</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
</p>
</div>
<p>👉 Reboot Neovim once more and you're all set.</p>
<p>
👉 I use this configuration on both Linux and macOS. It is also tested on Windows 11.
</p>
</section>
<button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top">
<i class="fas fa-arrow-up"></i>
</button>
<footer>
Copyright &copy;
<a href="https://codeberg.org/Kankys" target="_blank"
>Lukáš Kaňka</a
>
2024 - 2025
</footer>
</section>
<script src="script.js"></script>
</body>
</html>