Aktualizovat README.md
This commit is contained in:
parent
d797bc643b
commit
1dd5b2f3b6
160
README.md
160
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)
|
* 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.
|
* 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).
|
* 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).
|
## Instalace a nastavení:
|
||||||
* 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.
|
* Pokud ještě nemáš nainstaluji si [Neovim](https://neovim.io/).
|
||||||
* Tuto konfiguraci používám na Linuxu i MacOS. Je ozkoušena i na Windows 11.
|
* Nejprve si zálohuj své aktuální nastavení Neovim!!!
|
||||||
|
Linux & Mac:
|
||||||
### 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'
|
/home/kankys/.config/nvim/init.vim
|
||||||
```
|
```
|
||||||
|
Windows:
|
||||||
* 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/share/nvim/ (data)
|
||||||
/home/kankys/.local/state/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:**
|
## Výběr pluginu v Ka Neovim Distro 2024
|
||||||
|
|
||||||
- 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
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user