262 lines
13 KiB
HTML
262 lines
13 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>🛠 Installation - 🚀 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">
|
|
🏘 Home
|
|
</a>
|
|
</li>
|
|
<li class="drac-box">
|
|
<a href="./"
|
|
class=" active
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
|
🛠 Installation
|
|
</a>
|
|
</li>
|
|
<li class="drac-box">
|
|
<a href="../plugins/"
|
|
class="
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
|
🗄 Plugins
|
|
</a>
|
|
</li>
|
|
<li class="drac-box">
|
|
<a href="../../contact/"
|
|
class="
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
|
📪 Contact
|
|
</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="apollonvim">🚀 ApolloNvim</h1>
|
|
<h1 id="before-installing-new-plugins-always-check-the-documentation-for-the-plugins-on-github-this-will-prevent-potential-problems-if-youre-not-sure-about-the-procedure-or-something-is-not-clear-youd-better-check-the-documentationwrite-to-us-or-the-forums-to-find-the-answer">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.</h1>
|
|
<h2 id="installation-and-setup-start-edition">Installation and setup Start Edition:</h2>
|
|
<p>👉 If you don't have it yet, install <a href="https://neovim.io/">Neovim</a>.{target="_blank"}.</p>
|
|
<p>👉 You will need to install plug.vim to install the extension.</p>
|
|
<p>👉 Go to this page <code>https://github.com/junegunn/vim-plug</code> under Installation find your operating system and copy the link under it into your terminal.</p>
|
|
<p><strong>But first back up your current Neovim settings!!!</strong></p>
|
|
<p>Configuration files can be found here:</p>
|
|
<p>Linux & Mac:
|
|
<code>/home/user/.config/nvim/init.vim</code></p>
|
|
<p>Windows:</p>
|
|
<p><code>~\AppData\Local\nvim</code></p>
|
|
<h3 id="neovim">Neovim:</h3>
|
|
<p>👉 The easiest way to install 🚀 ApolloNvim Distro for Linux and macOS is to download this repository with the command :</p>
|
|
<p><code>git clone -b nvim https://codeberg.org/Kankys/ApolloNvim2025.git ~/.config/nvim</code></p>
|
|
<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 <code>nvim</code> command.</p>
|
|
<p>👉 Click on error messages.</p>
|
|
<p>👉 In Neovim, type <code>PlugInstall</code> in the command line , this will install all plugins. Restart Neovim. Command Line is invoked with the keyboard shortcut <code>SHIFT + :</code>.</p>
|
|
<p>👉 If you are missing a plugin, you can easily install or uninstall it using plug.vim. You can find more information on GitHub <a href="https://github.com/junegunn/vim-plug" target="_blank">vim.plug</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 init.vim file using double quotes <code>"</code>.</p>
|
|
<p>👉 Enter the Coc command in the command line to install the remaining plugins:
|
|
<code>CocInstall coc-markdown-preview-enhanced coc-webview</code>
|
|
👉 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>
|
|
<h2 id="installation-and-setup-frontend-edition">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 page <code>https://github.com/junegunn/vim-plug</code>under Installation find your operating system and copy the link under it into your terminal.</p>
|
|
<p><strong>But first back up your current Neovim settings!!!</strong></p>
|
|
<p>Configuration files can be found here:</p>
|
|
<p>Linux & Mac:</p>
|
|
<p><code>/home/user/.config/nvim/init.vim</code></p>
|
|
<p>Windows:</p>
|
|
<p><code>`
|
|
~\AppData\Local\nvim</code>
|
|
`</p>
|
|
<h3 id="nodejs">Node.js:</h3>
|
|
<p>👉 I recommend to have <a href="https://nodejs.org/en" target="_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>
|
|
<p><code>npm i live-server</code></p>
|
|
<p>👉 In your project you will be able to run your index.html command:</p>
|
|
<p><code>npx live-server</code></p>
|
|
<p>👉 For proper LSP functionality, install the following packages:</p>
|
|
<p>If the terminal gives you an error when you use the npm command. You will need to install the package as sudo.</p>
|
|
<p><a href="https://github.com/microsoft/vscode-html-languageservice" target="_blank">vscode-html-language-server</a></p>
|
|
<p><a href="https://github.com/microsoft/vscode-css-languageservice" target="_blank">vscode-css-language-server</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://github.com/tailwindlabs/tailwindcss-intellisense/blob/master/packages/tailwindcss-language-server/README.md" target="_blank">tailwindcss-language-server</a></p>
|
|
<h3 id="neovim_1">Neovim:</h3>
|
|
<p>👉 The easiest way to install 🚀 ApolloNvim Distro for Linux and macOS is to download this repository with the command :</p>
|
|
<p><code>git clone -b frontend https://codeberg.org/Kankys/ApolloNvim2025.git ~/.config/nvim</code></p>
|
|
<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 <code>nvim</code> command.</p>
|
|
<p>👉 Click on error messages.</p>
|
|
<p>👉 In Neovim, type PlugInstall 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 plug.vim. You can find more information on GitHub <a href="https://github.com/junegunn/vim-plug" target="_blank">vim.plug</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 <code>init.vim</code> file using double quotes <code>"</code>.</p>
|
|
<p>👉 Enter the Coc command in the command line to install the remaining plugins:</p>
|
|
<p><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></p>
|
|
<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></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> |