From 1dd5b2f3b680e93854073292004c01bf92f1c8fc Mon Sep 17 00:00:00 2001 From: Kankys Date: Sun, 24 Mar 2024 23:05:53 +0000 Subject: [PATCH] Aktualizovat README.md --- README.md | 160 +++++++++--------------------------------------------- 1 file changed, 27 insertions(+), 133 deletions(-) diff --git a/README.md b/README.md index 5659312..e2e09ce 100644 --- a/README.md +++ b/README.md @@ -1,150 +1,44 @@ -## Setup Nvim Front-end Power +# Ka Neovim Distro 2024 - Front-End Power +#### Verze: 24.03 +## Úvod: * Můj setup Nvim pro Front-End vývoj postavený na [Coc](https://github.com/neoclide/coc.nvim) * Toto nastavení jsem si udělal pro vývoj webu. Inspiroval jsem se pluginy které jsem využíval v VSCode a Webstorm. -* Hlavní přednosti tohoto nastavení pro mě jsou: Tabnine, funkční 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. +* Velký důraz je kladen na rychlost a lehkost. +* Ka Neovim Distro je stále vevývoji a postupně se na něm pracuje. +* * Pro nejlepší zážitek s Ka Neovim Distro doporučuji používat multiplexor [Zellij](https://git.archoslinux.cz/kankys/zellij-mySetup), 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. * Místo [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). -* Tuto konfiguraci pravidelně vylepšuji a přizbůsobujuji i nastaveního mého oblíbeného multiplexoru [Zellij](https://git.archoslinux.cz/kankys/zellij-mySetup). -* Aplikaci live-server z VSCode jsem nahradil terminálem. Přesunu se do složky kde mám index.html k projektu a příkazem npx live-server spustím server. Je možné si ho nastavit více možnostmi nebo ho spouštět z Neovim. Já ho pouštím z Zellij kde mám v terminálu otevřen druhý panel. -* Tuto konfiguraci používám na Linuxu i MacOS. Je ozkoušena i na Windows 11. - -### Při problémech se syntaxi markdown je potřeba: -* PlugVim: -`Plug 'nvim-treesitter/nvim-treesitter', {'do': ':TSUpdate'}` - -* Nainstalovat: -`:TSInstall markdown` - -### AutoSave -* Nainstalovat plugin auto-save.nvim přes plug.vim pomocí následujícího příkazu:  - +## Instalace a nastavení: +* Pokud ještě nemáš nainstaluji si [Neovim](https://neovim.io/). +* Nejprve si zálohuj své aktuální nastavení Neovim!!! +Linux & Mac: ``` -Plug 'Pocco81/auto-save.nvim'  +/home/kankys/.config/nvim/init.vim ``` - -* Poté nastavit proměnné g:auto_save_enabled a g:auto_save_delay v init.vim takto:  - -``` -let g:auto_save_enabled = 1  - -let g:auto_save_delay = 3000  -``` - -[https://github.com/Pocco81/auto-save.nvim?tab=readme-ov-file](https://github.com/Pocco81/auto-save.nvim?tab=readme-ov-file)  - -* Autosave nefunguje v PowerShell - -### Colorscheme automatické spouštění -* Takto nastavím vybrané colorscheme že se automaticky spustí při startu:  - -* Nastavení do init.vim : - - -``` -colorscheme dracula  - -autocmd VimEnter * colorscheme dracula -``` - -### Kde najdu init vim a data Neovim? - -* Linux a MacOS - -``` -/home/user/.config/nvim/init.vim -``` -* Windows +Windows: ``` /home/kankys/.local/share/nvim/ (data) /home/kankys/.local/state/nvim/ (data) ``` -### Vkládání z externích zdrojů +### Node.js +* Doporučuji mít nainstalovaný [Node.js](https://nodejs.org/en) +* Dále si v Node.js nainstaluj [Live-server](https://www.npmjs.com/package/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`. -V Neovim (a také v klasickém Vim) můžete kopírovat text z externích zdrojů, například z webové stránky, pomocí několika různých metod. Zde jsou dvě možnosti: +### Neovim +* Pro instalaci Ka Neovim 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`. +* 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é. -### **Přímé kopírování z externí aplikace:** +* Také se zde podívej do souboru [Ka-Hind.md](https://git.archoslinux.cz/kankys/Ka-Neovim-Distro-2024/src/branch/main/Ka-Hint.md), pomůže ti na začátku. +* Tuto konfiguraci používám na Linuxu i MacOS. Je ozkoušena i na Windows 11. -1. **Zkopírujte text:** - - - Otevřete webový prohlížeč a vyberte text, který chcete zkopírovat. - - Stiskněte `Ctrl+C` (nebo `Cmd+C` na macOS) pro kopírování. -2. **Přepnutí do režimu vkládání v Neovimu (režim insert ):** - - - Otevřete neovim a načtěte soubor. - - Přepněte se do režimu vkládání stisknutím klávesy `i`. -3. **Vložte text:** - - - Stiskněte `Ctrl+Shift+V` (nebo `Cmd+Shift+V` na macOS) pro vložení textu do Neovimu. - - -# Default klávesové zkratky - -Neovim je moderní verze Vim, textového editoru používaného v unixových systémech. Zde jsou některé klávesové zkratky pro práci s Neovim: - - - -### Základní pohyb: - -- `h` - Pohyb vlevo -- `j` - Pohyb dolů -- `k` - Pohyb nahoru -- `l` - Pohyb vpravo -- `w` - Přesun na začátek dalšího slova -- `b` - Přesun na začátek předchozího slova -- `gg` - Přesun na začátek dokumentu -- `G` - Přesun na konec dokumentu - - - -### Visuální mód: -Do něj se přepnu v Normal módu pomocí `v` pohybem kde byl kurzor mohu označovat text. - - -### Normální mód - NORMAL: -Do normál módu se z jiných přesunu pomocí `ESC` -- `i` - Přepnutí do režimu vkládání před kurzor -- `I` - Přepnutí do režimu vkládání na začátek řádku -- `a` - Přepnutí do režimu vkládání za kurzor -- `A` - Přepnutí do režimu vkládání na konec řádku -- `o` - Vložení nového řádku pod aktuálním řádkem -- `O` - Vložení nového řádku nad aktuálním řádkem -- `dd` - Smazání řádku -- `dw` - Smazání slova -- `yy` - Kopírování řádku -- `p` - Vložení obsahu schránky pod kurzor -- `P` - Vložení obsahu schránky před kurzor -- `u` - Vrácení poslední provedené akce -- `Ctrl + r` - Krok do předu opak `u` -- `q` - Zavře okno -- `.` - Poslední příkaz -- `Ctrl + w` - Přepínání oken - - -### Command mód: -Command mód vyvoláme pomocí `Shift + :` -- `:e + jméno souboru` - Vytvoří nový soubor - `:e index.html` -- `:w` - Uložení změn -- `:q` - Opuštění editoru -- `:wq` - Uložení změn a opuštění -- `:q!` - Opuštění editoru bez ukládání změn -- `:vs` - Vertikální rozložení oken -- `:sp` - Horizontální rozložení oken -- `:colorscheme` - Změní theme -- `:term` - Otevře terminál +## Výběr pluginu v Ka Neovim Distro 2024 -### Vyhledávání a nahrazování: - -- `/hledany_text` - Vyhledání textu -- `n` - Přeskočení na další výskyt hledaného textu -- `N` - Přeskočení na předchozí výskyt hledaného textu -- `:s/hledany_text/nahrazeny_text/g` - Nahrazení hledaného textu za zadaný text v celém dokumentu - - -### Různé: - - -- `Ctrl + r` - Opětovné provedení zrušené akce -- `:help` - Zobrazení nápovědy