ApolloNvim/ REA...

129 lines
8.6 KiB
Markdown
Raw Permalink Normal View History

2024-03-25 11:19:29 +00:00
# Lite 🚀 ApolloNvim Distro 2024 - Front-End Power
2024-03-26 17:34:45 +00:00
#### Verze: 24.03
2024-03-26 19:48:44 +00:00
#### Link: [🚀 ApolloNvim](https://git.archoslinux.cz/kankys/ApolloNvim)
![ApolloNvim](https://lukan.cz/wp-content/uploads/2024/03/neovim__1_.png)
2024-03-24 23:05:53 +00:00
## Úvod:
2024-03-29 01:58:59 +00:00
* 👉 Neovim setup pro Front-End vývoj postavený na [Coc](https://github.com/neoclide/coc.nvim)
2024-04-02 16:48:43 +00:00
* 👉 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.
2024-03-29 01:58:59 +00:00
* 👉 Velký důraz je kladen na rychlost a lehkost.
2024-04-02 16:48:43 +00:00
* 👉 🚀 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](https://git.archoslinux.cz/kankys/zellij-mySetup), ale není to samozřejmě podmínkou.
2024-03-24 23:05:53 +00:00
## Přednosti:
2024-04-02 16:48:43 +00:00
* 👉 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.
2024-03-29 01:58:59 +00:00
* 👉 S [LSP](https://github.com/neovim/nvim-lspconfig) v této instalaci využívám [Coc](https://github.com/neoclide/coc.nvim) pro jeho jednoduchost bez potřeby zásahů do konfigurace Coc. LSP se mi velmi osvědčilo v modálním editoru [Helix](https://helix-editor.com/) má konfigurace (Helixu)(https://git.archoslinux.cz/kankys/Helix-frontend-setup).
2024-04-02 16:48:43 +00:00
* 👉 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.
2024-03-24 23:21:47 +00:00
2024-03-24 23:05:53 +00:00
## Instalace a nastavení:
2024-04-02 16:48:43 +00:00
* 👉Pokud ještě nemáte, nainstalujte si [Neovim](https://neovim.io/).
* 👉 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!!!
2024-03-24 23:05:53 +00:00
Linux & Mac:
2024-03-24 16:28:20 +00:00
```
2024-04-02 16:48:43 +00:00
/home/~/.config/nvim/init.vim
2024-03-24 16:28:20 +00:00
```
2024-03-24 23:05:53 +00:00
Windows:
2024-03-24 16:28:20 +00:00
```
2024-04-02 16:48:43 +00:00
/home/~/.local/share/nvim/ (data)
/home/~/.local/state/nvim/ (data)
2024-03-24 16:28:20 +00:00
```
2024-03-26 19:48:44 +00:00
### Node.js:
2024-03-29 01:58:59 +00:00
* 👉 Doporučuji mít nainstalovaný [Node.js](https://nodejs.org/en)
2024-04-02 16:48:43 +00:00
* 👉 Dále si v Node.js nainstalujte [Live-server](https://www.npmjs.com/package/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](https://github.com/microsoft/vscode-html-languageservice)
[vscode-css-language-server](https://github.com/microsoft/vscode-css-languageservice)
[typescript-language-server](https://github.com/typescript-language-server/typescript-language-server)
[emmet-ls](https://github.com/aca/emmet-ls)
[tailwindcss-language-server](https://github.com/tailwindlabs/tailwindcss-intellisense/blob/master/packages/tailwindcss-language-server/README.md)
[marksman](https://github.com/artempyanykh/marksman)
[markdoc-ls](https://github.com/markdoc-extra/markdoc-ls)
[eslint](https://eslint.org/docs/latest/use/getting-started)
2024-03-26 17:34:45 +00:00
2024-03-26 19:48:44 +00:00
### Neovim:
2024-04-02 16:48:43 +00:00
* 👉 Pro instalaci ApolloNvim Distra stačí stáhnout si pouze soubor init.vim s tohoto repositáře.
2024-03-29 01:58:59 +00:00
* 👉 Ulož ho do kořenováho adresáře `~/.. /nvim` dle tvého OS. **Nezapomeň na zálohu stávajících souborů**
2024-04-02 16:48:43 +00:00
* 👉 Neovim pustíte v terminálu příkazem `nvim`.
2024-03-29 01:58:59 +00:00
* 👉 Odklikej chybová hlášení.
* 👉 V Neovimu zadej do command line `PlugInstall` , tím nainstaluješ všechny pluginy. Restartuj Neovim.
2024-04-02 16:48:43 +00:00
* 👉 Pokud vám některý plugin chybí, můžete lehce doinstalovat nebo odinstalovat pomocí `plug.vim`. Více informací najdete na GitHubu [plug.vim](https://github.com/junegunn/vim-plug) 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é.
2024-03-24 16:28:20 +00:00
2024-04-02 16:48:43 +00:00
* 👉 Také se zde podívejte do souboru [Hint.md](https://git.archoslinux.cz/kankys/ApolloNvim/src/branch/main/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.
2024-03-24 16:28:20 +00:00
2024-03-29 01:58:59 +00:00
### Plán 🚀ApolloNvim:
* 👉 [] Do budoucna můžete očekávat tyto nové funkce a další novinky:
2024-04-02 16:48:43 +00:00
- 👉 [] Web na vlastní doméně zatím 🚀 ApolloNvim najdete [zde](https://lukaskanka.cz/index/apollo-nvim/index.html). -> Vysoká priorita
- 👉 [] Instalátor 🚀 ApolloNvim přes odkaz z Gitu.
2024-03-29 01:58:59 +00:00
- 👉 [] Nová vlastní uvítací obrazovka.
- 👉 [] Nové pluginy.
2024-04-02 16:48:43 +00:00
- 👉 [] Návody k pluginům, jak nastavit a jak s nimi pracovat.
- 👉 [] Návody k práci s Neovim.
2024-03-25 11:19:29 +00:00
2024-03-26 19:48:44 +00:00
## Výběr pluginu v Lite Web 🚀 ApolloNvim Distro 2024:
2024-03-24 16:28:20 +00:00
2024-03-29 01:58:59 +00:00
* 👉 [Autoclosetag](https://github.com/m4xshen/autoclose.nvim) nástroj pro uzavírání všech typů závorek a tagů.
2024-04-02 16:48:43 +00:00
* 👉 [NERDTree](https://github.com/valsorym/scrooloose-nerdtree) vytvoří vám stromový postranní panel.
2024-03-29 01:58:59 +00:00
* 👉 [Coc](https://github.com/neoclide/coc.nvim) manager pro instalování doplňků do Neovim.
2024-04-02 16:48:43 +00:00
* 👉 [Tabnine](https://github.com/codota/tabnine-nvim)alternativa k GitHub Copilot, který si případně lehce také můžete doinstalovat. [Tabnine](https://www.tabnine.com/) narozdíl od Copilota nabízí free program a trial verzi na 90 dní.
2024-03-29 01:58:59 +00:00
* 👉 [Startify](https://github.com/mhinz/vim-startify)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](https://github.com/preservim/nerdcommenter) plugin pro zakomentování a odkomentování kódu. Zde ho máme nastaven na `Ctrl + k`.
2024-04-02 16:48:43 +00:00
* 👉 [Wakatime](https://wakatime.com/neovim)služ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](https://wakatime.com/).
* 👉 [fzf.vim](https://github.com/junegunn/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é.
2024-03-29 01:58:59 +00:00
* 👉 [Light Line](https://github.com/itchyny/lightline.vim) informační pruh do spodní lišty.
* 👉 [Auto-save](https://github.com/Pocco81/auto-save.nvim) plugin pro automatické ukládání vašich souboru.
2024-03-26 19:48:44 +00:00
### Coc extensions pro front-end:
2024-03-29 01:58:59 +00:00
* 👉 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
2024-03-26 18:17:37 +00:00
### Otázky a odpovědi:
2024-03-29 01:58:59 +00:00
* 👉 Kolik stojí 🚀 ApolloNvim? -> Ne 🚀 ApolloNvim je zdarma.
2024-03-26 19:48:44 +00:00
### Kontakty:
2024-03-29 01:58:59 +00:00
* 👉 [🚀 ApolloNvim Telegram skupina](https://t.me/+o6qcLGlFROJhNzhk)
* 👉 [Osobní web autora 🚀 ApolloNvim ](https://lukaskanka.cz/)
* 👉 [Gitea profil](https://git.archoslinux.cz/kankys)
* 👉 [GitHub](https://github.com/LukasKanka/)
* 👉 [Nostr](https://nostr.band/npub12xzu8ejrl9cwpd034cqj5jtuztn4mxp3em2frckm9tk28kmy48vqr0u0yu)
* 👉 [Mastadon](https://mastodon.arch-linux.cz/@Kankys)
2024-03-26 18:17:37 +00:00
### Podpora:
2024-04-02 16:48:43 +00:00
* 👉 Pokud jakkoliv chceš podpořit nebo se podílet na obsahu a funkčnosti 🚀 ApolloNvim, budu rád, když mi zde napíšeš.
2024-03-29 01:58:59 +00:00
* 👉 Taky můžeš tento projekt podpořit pár Satoshi:
2024-03-26 19:49:38 +00:00
![SAT](https://lukaskanka.cz/index/about/img/sat.jpeg )
2024-03-26 19:48:44 +00:00
### Další projekty a odkazy:
2024-03-29 01:58:59 +00:00
* 👉 [ArchLinux CZ](https://arch-linux.cz/)
* 👉 [Vyhledávač SearXNG CZ](https://searxng.cz/)
* 👉 [EndeavourOS Linux](https://endeavouros.com/)
2024-04-02 16:48:43 +00:00
* 👉 [i3 window manager](https://i3wm.org/)