## Úvod:

👉 Kakoune Front-End Power postavený na [LSP](https://github.com/kakoune-lsp/kakoune-lsp).

👉 [Kakoune](http://kakoune.org/) je modální editor pro [Linux](http://www.linux.cz/) a [macOS](https://cs.wikipedia.org/wiki/MacOS) jako je třeba [Vim](https://www.vim.org/) či [Neovim](https://neovim.io/). . Z Kakoune vychází také jeden velmi oblíbený modální editor [Helix-editor](https://helix-editor.com/). Jak Kakoune, tak Helix se od Vim a Neovim liší v ovládání, kde je opačná logika příkazu a je bližší lidské řeči. Nespornou výhodou Kakoune je oproti Helixu možnost rozšířit aplikaci o pluginy. Proto je Kakoune vhodný pro zkušenější uživatele. Náš web by Ti měl pomoct s prvotním nastavením. Pokud si i tak na tento editor netroufáš, Helix je skvělá náhrada.

👉 Tato distribuce nefunguje tak, že jen klikneš na tlačítko a nainstaluje se. Vede Tě k samostatné instalaci pomocí tohoto webu. Cílem je pochopit, jak Kakoune funguje, abyste si mohli sami vše modifikovat.

👉 Toto nastavení je primárně pro vývoj webu, ale není problém si vše přizpůsobit. Inspiroval jsem se pluginy, které jsem využíval ve VSCode a Webstorm.

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

👉 Tento blog je stále ve vývoji a postupně se na něm pracuje.

👉 Pro nejlepší zážitek s Kakoune doporučuji používat multiplexor [Zellij](https://git.archoslinux.cz/kankys/zellij-mySetup) , ale není to samozřejmě podmínkou.

## Přednosti:

👉 Hlavní předností tohoto nastavení jsou AutoSave, doplň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 Kakoune.

👉 LSP se mi velmi osvědčilo v modálním editoru [Helix-editor](https://helix-editor.com/). Mou konfiguraci Helixu najdete [zde](https://git.archoslinux.cz/kankys/Helix-frontend-setup).

👉 Ta nejlepší témata v Kakoune nemusíš hledat, najdeš je po instalaci. Defaultně je v naší konfiguraci nastaveno gruvbox-dark.

👉 Témá v Kakoune 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. Command mode, česky příkazový mód, vyvoláš zkratkou **Ctrl + :** .

![Homescreen](http://127.0.0.1:8080/img/home.png) ![Zellij](http://127.0.0.1:8080/img/config.png) ![Command](http://127.0.0.1:8080/img/command.png)

## Instalace a nastavení:

👉 Pokud ještě nemáš, nainstaluj si, [Kakoune](http://127.0.0.1:8080/?username=luk&password1=55&password2=55#contact).

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

👉 Linux & Mac:

~/.config/kak/kakrc

👉 Aby Kakoune dobře komunikoval s LSP, je potřeba mít nainstalovaný [Rust](https://www.rust-lang.org/).

## Node.js:

👉 Doporučuji mít nainstalovaný [Node.js](https://nodejs.org/en).

👉 Pro správnou funkčnost LSP si doinstaluj 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)

👉 A také si doinstaluj tento server pro správnou funkčnost HTML v LSP příkazem: **npm install -g vscode-{html,css,json}-languageserver-bin** .

👉 Dále si v Node.js nainstaluj [Live-server](https://www.npmjs.com/package/live-server).

👉 Platí v případě, že chceš dělat front-end nebo programuješ v Javascriptu.

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

npx live-server

👉 Všechny servery, co si můžeš pomocí LSP nainstalovat, najdeš [zde](https://github.com/kakoune-lsp/kakoune-lsp/wiki/How-to-install-servers).

## Kakoune:

👉 Pro instalaci Kakoune Front-End Power Ti stačí stáhnout pouze soubor **kakrc** z tohoto [repozitáře](https://git.archoslinux.cz/kankys/Kakoune-modal-editor-config) .

👉 Ulož ho do kořenováho adresáře **~/.config/kak/**. **Nezapomeň na zálohu stávajících souborů, pokud máš i své configy.**

👉 Kakoune pustíš v terminálu příkazem **kak**.

👉 V Kakoune zadej do command line **plug-install**, tím nainstaluješ všechny pluginy. Restartuj Kakoune.

👉 Pokud Ti některý plugin chybí, můžeš ho lehce doinstalovat nebo naopak odinstalovat. Více informací najdeš v Kakoune [dokumentaci](https://github.com/mawww/kakoune#3-basic-interaction) nebo velmi Ti rád poradím viz. [Kontakty](http://127.0.0.1:8080/?username=luk&password1=55&password2=55#contact).

👉 Pokud některý plugin nechceš používat, stačí ho v souboru **kakrc** zakomentovat pomocí hastagu **#**.

👉 Tuto konfiguraci používám na Linuxu i macOS.

## Plán Kakoune Front-End Power:

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

👉 Web na vlastní doméně. Zatím Kakoune Front-End Power najdeš [zde](https://lukaskanka.cz/kakoune/index.html).

👉 Nové pluginy.

👉 Návody k pluginům, jak nastavit a jak s nimi pracovat.

👉 Návody k práci s Kakoune.

## Výběr pluginu v Kakoune Front-End Power:

👉 **plug.kak** nejduležitější plugin, aby bylo možné instalovat další pluginy.

👉 **kakoune-lsp**

👉 **luar** rozšíří možnost instalovat pluginy napsané v jazyce Lua.

👉 **byline.kak** vybere celý řádek pomocí klávesy **x** jako v Helix-editoru.

👉 **auto-pairs** automaticky doplní závorky.

👉 **fzf.kak** rychlé asynchronní vyhledávaní souborů.

## Otázky a odpovědi:

👉 Kolik Kakoune stojí? -> Nic, Kakoune je zdarma.


## Kontakty:

👉 [Kakoune community Telegram skupina](https://t.me/+RlXM8oEZ8TJkMWVk)

👉 [Osobní web autora](https://lukaskanka.cz/)

👉 [Gitea profil](https://git.archoslinux.cz/kankys)

👉 [GitHub](https://github.com/LukasKanka/)

👉 [Nostr](https://nostr.band/npub12xzu8ejrl9cwpd034cqj5jtuztn4mxp3em2frckm9tk28kmy48vqr0u0yu)

👉 [Mastodon](https://mastodon.arch-linux.cz/@Kankys)

## Podpora:

👉 Pokud mě chceš podpořit nebo se podílet na obsahu tohoto webu, budu rád, když mi napíšeš.

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

![Satoshi](https://lukaskanka.cz/index/about/img/sat.jpeg)

## Další projekty a odkazy:

👉 [ArchLinux CZ](https://arch-linux.cz/)

👉 [Vyhledávač SearXNG CZ](https://searxng.cz/)

👉 [EndeavourOS Linux](https://endeavouros.com/)

👉 [i3 window manager](https://i3wm.org/)