kankys
/
ApolloNvim
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ApolloNvim/ REA...

8.6 KiB
Raw Permalink Blame History

Lite 🚀 ApolloNvim Distro 2024 - Front-End Power

Verze: 24.03

Link: 🚀 ApolloNvim

ApolloNvim

Úvod:

  • 👉 Neovim setup pro Front-End vývoj postavený na Coc
  • 👉 Výhody Neovim oproti klasickému IDE jsou nesporně ve 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, abyste si sami mohli 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 ve vývoji a postupně se na něm pracuje.
  • 👉 Pro nejlepší zážitek s 🚀 ApolloNvim Distro doporučuji používat multiplexor Zellij, ale není to samozřejmě podmínkou.

Přednosti:

  • 👉 Hlavní předností tohoto nastavení jsou podpora: Codeium alternativa k Copilot zdarma, 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íte hledat), je defaultně nastavéné Dracula.
  • 👉 Téma v Neovim si jednoduše změníte v command line příkazem colorscheme a tlačítkem Tab se budete přepínat mezi jednotlivými tématy.

Instalace a nastavení:

  • 👉Pokud ještě nemáte, nainstalujte si Neovim.
  • 👉 Bude potřeba nainstalovat plug.vim abyste mohl/a instalovat rozšíření.
  • 👉 Běžte na tuto stránku https://github.com/junegunn/vim-plug pod Installation si najděte svůj operační systém a zkopírujte odkaz pod ním do svého terminálu.
  • 👉 Nejprve si však zálohujte své aktuální nastavení Neovim!!! Linux & Mac:
/home/~/.config/nvim/init.vim

Windows:

/home/~/.local/share/nvim/  (data)
/home/~/.local/state/nvim/   (data)

Node.js:

  • 👉 Doporučuji mít nainstalovaný Node.js
  • 👉 Dále si v Node.js nainstalujte Live-server příkazem npm i live-server.
  • 👉 Ve svém projektu budete moci pouštět svůj index.html příkazem npx live-server.
  • 👉 Pro správnou funkčnost LSP si doinstalujte tyto balíčky:

vscode-html-language-server

vscode-css-language-server

typescript-language-server

emmet-ls

tailwindcss-language-server

marksman

markdoc-ls

eslint

Neovim:

  • 👉 Pro instalaci ApolloNvim Distra stačí stáhnout si 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íte 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 vám některý plugin chybí, můžete lehce doinstalovat nebo odinstalovat pomocí plug.vim. Více informací najdete na GitHubu plug.vim nebo velmi rád poradím viz. o nás.

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

  • 👉 Do command line ještě zadejte 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 restartujte Neovim a vše máte připravené.

  • 👉 Také se zde podívejte do souboru Hint.md, pomůže vám na začátku.

  • 👉 Tuto konfiguraci používám na Linuxu i MacOS. Je odzkouš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 najdete zde. -> Vysoká priorita
  • 👉 [] Instalátor 🚀 ApolloNvim přes odkaz z Gitu.
  • 👉 [] Nová vlastní uvítací obrazovka.
  • 👉 [] Nové pluginy.
  • 👉 [] Návody k pluginům, jak nastavit a jak s nimi pracovat.
  • 👉 [] Návody k práci s Neovim.

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ří vám stromový postranní panel.
  • 👉 Coc manager pro instalování doplňků do Neovim.
  • 👉 Tabninealternativa k GitHub Copilot, který si případně lehce také můžete 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 změřit, kolik času jste trávili 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 asynchronní vyhledávač souborů v projektu. Pro mnohé je toto vyhledávaní rychlejší než klasické stromové, chce to trochu času. Ale jak se to 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:

Podpora:

  • 👉 Pokud jakkoliv chceš podpořit nebo se podílet na obsahu a funkčnosti 🚀 ApolloNvim, budu rád, když mi zde napíšeš.
  • 👉 Taky můžeš tento projekt podpořit pár Satoshi: SAT

Další projekty a odkazy: