Aktualizovat README.md

This commit is contained in:
Kankys 2024-03-24 23:05:53 +00:00
parent d797bc643b
commit 1dd5b2f3b6

160
README.md
View File

@ -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