7.9 KiB
Lite 🚀 ApolloNvim Distro 2024 - Front-End Power
Verze: 24.03
Link: 🚀 ApolloNvim
Úvod:
- 👉 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 odkomentová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 má konfigurace (Helixu)(https://git.archoslinux.cz/kankys/Helix-frontend-setup).
- 👉 Ty nejlepší témata pro Neovim ať je nemusíš hledat, defaultně je nastavéné Dracula.
- 👉 Téma 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.
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
https://github.com/junegunn/vim-plug
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
PlugInstall
, 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.
- 👉 Tabninealternativa 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í.
- 👉 Startifyalternativní 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
. - 👉 Wakatimesluž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
- 👉 Mastadon
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: