151 lines
5.2 KiB
Markdown
151 lines
5.2 KiB
Markdown
## Setup Nvim Front-end Power
|
||
* Zde najdete můj setup 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 (i když v VSCode funguje přeci lépe), 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:
|
||
|
||
```
|
||
Plug 'Pocco81/auto-save.nvim'
|
||
```
|
||
|
||
* 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
|
||
```
|
||
/home/kankys/.local/share/nvim/ (data)
|
||
/home/kankys/.local/state/nvim/ (data)
|
||
```
|
||
|
||
### Vkládání z externích zdrojů
|
||
|
||
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:
|
||
|
||
### **Přímé kopírování z externí aplikace:**
|
||
|
||
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
|
||
|
||
|
||
|
||
|
||
### 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
|