4.7 KiB
Lite 🚀 ApolloNvim Distro 2024 - Front-End Power
Verze: 24.03 Beta
Link: ApolloNvim
Úvod:
- Můj setup Neovim 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.
- 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 ve vývoji a postupně se na něm pracuje.
- Pro nejlepší zážitek doporučuji používat multiplexor Zellij, ale není to samozřejmě podmínkou.
- Pružně reaguji na změnu v pluginech, pokud některý přestane mít podporu či je lepší alternativa, pravidelně aktualizuji úložiště 🚀 ApolloNvim.
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.
- Místo 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é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.
Instalace a nastavení:
- Pokud ještě nemáš nainstaluji 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 repozitář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. -
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.
- [] Instalátor 🚀 ApolloNvim přes odkaz Git.
- [] Nová vlastní uvítací obrazovka.
- [] Nové pluginy.
Otázky a odpovědi:
- Stojí peníze 🚀 ApolloNvim? -> Ne 🚀 ApolloNvim je zdarma.
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š.
Výběr pluginu v Lite Web DEV Neovim Distro 2024
- Autoclosetag nástroj pro uzavírání všech typů závorek a tagů.
- NERDTree vytvoří ti stromový postraní panel.
- Coc manager pro instalování doplněků do Neovim. Seznam zde budu postupně rozšiřovat.