From 18d6d01dc5ea5b72efd61b5ff01b0f66f9d3d039 Mon Sep 17 00:00:00 2001 From: kankys Date: Thu, 28 Mar 2024 18:53:22 +0100 Subject: [PATCH] dracula --- index.html | 386 ++++++++++++++++++++++++++++++++++++++++++++++++++--- script.js | 77 ++++++----- style.css | 69 +++++++--- 3 files changed, 457 insertions(+), 75 deletions(-) diff --git a/index.html b/index.html index b1503ea..9c5f143 100644 --- a/index.html +++ b/index.html @@ -13,26 +13,26 @@ src="https://kit.fontawesome.com/0a43c6cd1f.js" crossorigin="anonymous" > - Project 2 + ApolloNvim
- - + + + +

🚀ApolloNvim

+ - +
@@ -40,24 +40,366 @@
-
- + + -
+
-

- Vítám tě na Terminalu, webu věnovanému Terminalům a aplikacim v - Terminalu. -

+

Úvod:

- Tento projekt je věnován Terminálum hlavně na systémech Linux a MacOS. - Najdeš tu všechny možné terminály a multiplexory co si můžeš - naistalovat do svého OS, aplikace pro terminály, rady a tipy pro - terminály. + 👉 Neovim setup pro Front-End vývoj postavený na + Coc. +

+

+ 👉 Výhody Neovim oproti klasickému IDE jsou nesporně v svobodě + konfigurace, je tisíce možností jak Váš Neovim může vypadat a + fungovat. Pro Vaši inspiraci a použití vznikl tento projekt 🚀 + ApolloNvim. +

+

+ 👉 Tato distribuce nefunguje jen že kliknete na tlačítko a nainstaluje + se. Vede Vás k samostatné instalaci pomocí tohoto webu. Cílem je + pochopit jak Neovim funguje abyjste si mohli samy vše modifikovat, což + i click-on distribucí se nenaučíte. +

+

+ 👉 Toto nastavení jsem si udělal pro vývoj webu. Inspiroval jsem se + pluginy které jsem využíval v VSCode a Webstorm. +

+

👉 Velký důraz je kladen na rychlost a lehkost.

+

+ 👉 🚀 ApolloNvim Distro je stále vevývoji a postupně se na něm + pracuje. +

+

+ 👉 Pro nejlepší zážitek s 🚀 ApolloNvim Distro doporučuji používat + multiplexor + Zellij , ale není to samořejmě podmínkou. +

+
+
+

Přednosti:

+

+ 👉 Hlavní přednosti tohoto nastavení jsou podpora: Tabnine, Prettier, + AutoSave, diplňování HTML, CSS, JS a zkratky k zakomentování a odk + omentování kódu. Taky je zde několik pluginu pro příjemnější práci v + Neovim. +

+

+ 👉 S + LSP + v této instalaci využívám + Coc + pro jeho jednoduchost bez potřeby zásahů do konfigurace Coc. LSP se mi + velmi osvědčilo v modálním editoru + Helix-editor + má konfigurace + Helixu. +

+

+ 👉 Ty nejlepší témata pro Neovim ať je nemusíš hledat, defaultně je + nastavéné Dracula. +

+

+ 👉 Témá v Neovim si jednoduše změníš v command line příkazem + `colorscheme` a tlačítkem Tab se budeš přepínat mezi jednotlivými + tématy.

-

Terminály nejsou jen pro programátory a správce sítí, pracovat nebo objevat kouzlo terminálů může každý a brzy zjistí že to není nic čeho se bát. Díky Terminálům můžeš monitorovat systém, automatizovat opakující se činnosti, editovat textové soubory, nastavovat svůj OS, programovat, hrát hry a sposty dalšího. To vš zvládneš v jednom Terminálu na jednou s nainatalovaným multiplexrem jako je Zellij nebo Tmux.

+
+ +
+
+

Instalace a nastavení:

+

+ 👉 Pokud ještě nemáš nainstaluj si + Neovim. +

+

+ 👉 Bude potřeba nainstalovat plug.vim aby jsi mohl/a instalovat + rozšíření. +

+

+ 👉 Běž na tuto + stránku + pod Installation si najdi svůj operační systém a zkopíruj odkaz pod + ním do svého terminálu. +

+

👉 Nejprve si zálohuj své aktuální nastavení Neovim!!!

+

👉 Linux & Mac:

+
+

/home/kankys/.config/nvim/init.vim

+
+

Windows:

+
+

+ /home/kankys/.local/share/nvim/ (data)
+ /home/kankys/.local/state/nvim/ (data) +

+
+

Node.js:

+

+ 👉 Doporučuji mít nainstalovaný + Node.js. +

+

+ 👉 Dále si v Node.js nainstaluj + Live-server + příkazem: +

+
+

npm i live-server

+
+

👉 Ve svém projektu budeš moc pouštět svůj index.html příkazem:

+
+

npx live-server

+
+

Neovim:

+

+ 👉 Pro instalaci ApolloNvim Distra ti stačí stáhnout pouze soubor + init.vim s tohoto repositáře. +

+

+ 👉 Ulož ho do kořenováho adresáře ~/.. /nvim dle + tvého OS. Nezapomeň na zálohu stávajících souborů +

+

👉 Neovim pustíš v terminálu příkazem nvim.

+

👉 Odklikej chybová hlášení.

+

+ 👉 V Neovimu zadej do command line PlugIns , tím + nainstaluješ všechny pluginy. Restartuj Neovim. +

+

+ 👉 Pokud ti některý plugin chybí můžeš lehce doinstalovat nebo + odinstalovat pomocí plug.vim. Více informací najdeš + na GitHubu + plug.vim + nebo velmi rád poradím viz. o nás. +

+

+ 👉 Pokud některý plugin nechcete používat stačí v souboru + init.vim ho zakomentovat pomocí dvojitých uvozovek + ". +

+

+ 👉 Do command line ještě zadej Coc příkaz pro doinstalování zbylých + pluginů: +

+
+

+ CocInstall coc-todolist coc-tailwindcss coc-prettier 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-markdownlint +

+
+

👉 A ještě jednou restartuj Neovim a vše máš připravené.

+

+ 👉 Také se zde podívej do souboru + Hint.md, pomůže ti na začátku. +

+

+ 👉 Tuto konfiguraci používám na Linuxu i MacOS. Je ozkoušena i na + Windows 11. +

+

Plán 🚀ApolloNvim:

+

👉 Do budoucna můžete očekávat tyto nové funkce a další novinky:

+

+ 👉 Web na vlastní doméně zatím ApolloNvim najdeš + zde. + -> Vysoká priorita +

+

👉 Instalátor 🚀 ApolloNvim přes odkaz Git.

+

👉 Nová vlastní uvítací obrazovka.

+

👉 Nové pluginy.

+

👉 Telegram skupina k projektu.

+

+ 👉 Návody k pluginům, jak nastavit a jak s nimi pracovat. -> Vysoká + priorita +

+

👉 Návody k práci s Neovim -> Vysoká priorita

+

Výběr pluginu v Lite Web 🚀 ApolloNvim Distro 2024:

+

+ 👉 + Autoclosetag + nástroj pro uzavírání všech typů závorek a tagů. +

+

+ 👉 + NERDTree + vytvoří ti stromový postranní panel. +

+

+ 👉 + Coc + manager pro instalování doplňků do Neovim. +

+

+ 👉 + Tabnine + alternativa k GitHub Copilot, který si případně lehce také můžeš + doinstalovat. + Tabnine + narozdíl od Copilota nabízí free program a trial verzi na 90 dní. +

+

+ 👉 + + alternativní uvítací obrazovka s pokaždé jiným IT mottem. Nemusí + fungovat s některými terminály či NERDTree nastaveným spuštěním po + startu. +

+

+ 👉 + NERD Commenter + plugin pro zakomentování a odkomentování kódu. Zde ho máme nastaven na + Ctrl + k. +

+

+ 👉 + Wakatime + služba která je schopna kolik času jste trávily při kódování na pc a i + na kterém projektu. Služba se jednoduše propojí přes API. WakaTime + najdeš zde. +

+

+ 👉 + fzf.vim + asynchronií vyhledávač souboru v projektu. Pro mnohé je toto + vyhledávaní rychlejší než klasické stromové, chce to trochu času. Ale + jak se dostane pod kůži vše ostatní Vám už přijde nedodělané. +

+

+ 👉 + Light Line + informační pruh do spodní lišty. +

+

+ 👉 + Auto-save + plugin pro automatické ukládání vašich souboru. +

+

Coc extensions pro front-end:

+

👉 coc-todolist

+

👉 coc-tailwindcss

+

👉 coc-project-manager

+

👉 coc-prettier

+

👉 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-markdownlint

+ +

Otázky a odpovědi:

+

👉 Kolik stojí 🚀 ApolloNvim? -> Ne 🚀 ApolloNvim je zdarma.

+

Kontakty:

+

+ 👉 🚀 ApolloNvim Telegram skupina +

+

+ 👉 Osobní web autora 🚀 ApolloNvim +

+

+ 👉 Gitea profil +

+

+ GitHub +

+

+ Nostr +

+

+ Mastodon +

+

Podpora:

+

+ 👉 Pokud jakkoliv chceš podpořit nebo se podílet na obsahu a + funkčnosti 🚀 ApolloNvim, prosím budu rád když mi zde napíšeš. +

+

👉 Taky můžeš tento projekt podpořit pár Satoshi:

+ Satoshi +

Další projekty a odkazy:

+

+ 👉 ArchLinux CZ +

+

+ 👉 + Vyhledávač SearXNG CZ +

+

+ 👉 + EndeavourOS Linux +

+

+ 👉 i3 window manager +

+
+ +