DEV Community: Lukáš Kaňka

Lite 🚀 ApolloNvim Distro 2024-2025

Lukáš Kaňka — Fri, 18 Oct 2024 07:19:23 +0000

🚀 ApolloNvim

Verzion: 25.01

Programming is much more fun when you are efficient. Neovim can get you there eventually, but you have to be willing to try new things. New plugins, new remaps, etc.

👉 Neovim setup for Front-End development based on Plug.vim, Coc and Lua.

👉 The advantages of Neovim over a classic IDE are undeniable in the freedom of configuration, there are thousands of possibilities how your Neovim can look and work. For your inspiration and use this project was created 🚀 ApolloNvim.

👉 This distribution doesn't just work by clicking a button and installing. It will lead you to a separate installation using this site. The goal is to understand how Neovim works so you can modify everything yourself, which even click-on distributions don't teach you.

👉 Two Editions 🚀ApolloNvim Starter for scaled to work with text thanks to markdown support and FrontEnd Edition focused on web development.

👉 This setting is primarily for web development. I was inspired by the plugins I used in VSCode and Webstorm.

👉 In October 2024, PHP support was newly added as well as Automatic pugin installation.

👉 Great emphasis is placed on speed and lightness.

👉 🚀 ApolloNvim Distro is regularly updated and so is the whole project.

👉 For the best experience with 🚀 ApolloNvim Distro, I recommend using Zellij or Terminator, multiplexor, but it's not a requirement of course.

Advantages:

👉 The main advantages of this setup are support for Codeium, a free alternative to Copilot, Prettier, AutoSave, HTML, CSS, JS dipping and shortcuts to comment and uncomment code (CTRL + k). There are also several plugins to make working in Neovi more enjoyable.

👉 With LSP in this installation I use Coc for its simplicity, stability and speed.

👉 The best themes for Neovim (so you don't have to search for them) is the default Dracula.

👉 To change the theme in Neovi, simply use the :colorscheme command in the command line and use the Tab button to switch between themes.

Plan 🚀ApolloNvim:

👉 You can expect these new features and more in the future:

👉 Installer 🚀 ApolloNvim via link from Git.

👉 New custom welcome screen.

👉 New plugins.
👉 Tutorials on plugins, how to set them up and how to work with them.

👉 Instructions for working with Neovim.

Questions and Answers:

👉 How much does ApolloNvim cost? -> Nothing 🚀 ApolloNvim is free.

👉 How complicated is 🚀 ApolloNvim? -> 🚀 ApolloNvim may be more complicated than other editors, but once you learn how to use it, you'll see how great it is.

🚀 ApolloNvim

Before installing new plugins, always check the documentation for the plugins on Github. This will prevent potential problems! If you're not sure about the procedure or something is not clear, you'd better check the documentation,write to us or the forums to find the answer.

Installation and setup Start Edition:

👉 If you don't have it yet, install Neovim.

👉 You will need to install plug.vim to install the extension.

👉 Go to this page under Installation find your operating system and copy the link under it into your terminal.

But first back up your current Neovim settings!!!

Configuration files can be found here:

Linux & Mac:
/home/user/.config/nvim/init.vim

Windows:

~\AppData\Local\nvim

Neovim:

👉 The easiest way to install 🚀 ApolloNvim Distro for Linux and macOS is to download this repository with the command :

git clone -b nvim https://codeberg.org/ApolloNvim/ApolloNvim2025.git ~/.config/nvim

👉 Note this command above will overwrite the existing nvim folder in ~/.config/nvim. Don't forget to back up the existing nvim folder before you overwrite it with a new one from this repository, for example by renaming the original nvim.bak.

👉 But if you want you can configure Nvim to your liking and just get inspired.

👉 You can run neovim in the terminal with the nvim command.

👉 Click on error messages.

👉 In Neovim, type PlugInstall in the command line , this will install all plugins. Restart Neovim. Command Line is invoked with the keyboard shortcut SHIFT + :.

👉 If you are missing a plugin, you can easily install or uninstall it using plug.vim. You can find more information on GitHub vim.plug or I'd be happy to advise you see about us.

👉 If you don't want to use a plugin, just comment it out in the init.vim file using double quotes ".

👉 Enter the Coc command in the command line to install the remaining plugins:
CocInstall coc-markdown-preview-enhanced coc-webview
👉 Reboot Neovim once more and you're all set.

👉 I use this configuration on both Linux and macOS. It is also tested on Windows 11.

Installation and setup FrontEnd Edition:

👉 If you don't have it yet, install Neovim
.

👉 You will need to install plug.vim to install the extension.

👉 Go to this page under Installation find your operating system and copy the link under it into your terminal.

But first back up your current Neovim settings!!!

Configuration files can be found here:

Linux & Mac:

/home/user/.config/nvim/init.vim

Windows:

`~\AppData\Local\nvim
`

Node.js:

👉 I recommend to have Node.js installed.

👉 Next, install the Live-server in Node.js with the command:

npm i live-server

👉 In your project you will be able to run your index.html command:

npx live-server

👉 For proper LSP functionality, install the following packages:

If the terminal gives you an error when you use the npm command. You will need to install the package as sudo.

vscode-html-language-server

vscode-css-language-server

typescript-language-server

emmet-ls

tailwindcss-language-server

Neovim:

👉 The easiest way to install 🚀 ApolloNvim Distro for Linux and macOS is to download this repository with the command :

git clone -b frontend https://codeberg.org/ApolloNvim/ApolloNvim2025.git ~/.config/nvim

👉 But if you want you can configure Nvim to your liking and just get inspired.

👉 You can run neovim in the terminal with the nvim command.

👉 Click on error messages.

👉 In Neovim, type PlugInstall in the command line , this will install all plugins. Restart Neovim.

👉 If you are missing a plugin, you can easily install or uninstall it using plug.vim. You can find more information on GitHub vim.plug{target="_blank"} or I'd be happy to advise you see about us.

👉 If you don't want to use a plugin, just comment it out in the init.vim file using double quotes ".

👉 Enter the Coc command in the command line to install the remaining plugins:

CocInstall coc-tailwindcss 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-webview coc-phpls coc-prettier coc-eslint

👉 Reboot Neovim once more and you're all set.

👉 I use this configuration on both Linux and macOS. It is also tested on Windows 11.

Plugins 🚀 ApolloNvim Distro

Security and privacy are the most important things, which is why this list is here. In the list you will find all the plugins used in this configuration with a link to the source. Plugins you don't want to use can be commented out or deleted in init.vim. In the case of Coc plugin, omit the plugin-name when you run CocInstall.

👉 Autoclosetag tool for closing all types of brackets and tags.

👉 Coc package manager for installing add-ons to Neovim.

👉 NERDTree creates a tree sidebar for you.

👉 html5.vim plugin for highlighting HTML syntax.

👉 Codeium Introduction alternative to GitHub Copilot, which you can also easily (Commented active TabNine replacement)

👉 Tabnine alternative to GitHub Copilot, which you can also easily install.

👉 Startify an alternative welcome screen with a different IT theme each time. It doesn't have to work with some terminals or NERDTree set to start after boot.

👉 NERD Commenter Commenter plugin for commenting and uncommenting code. Here we have it set up to Ctrl + k.

👉 Wakatime a service that is able to measure how much time you spent coding on the computer and on which project. The service simply connects via API. You can find WakaTime here{target="_blank"}.

👉 Auto-save plugin to automatically save your files.

👉 Tree-sitter plugin for code highlighting.

👉 Hlchunk connects the code with vertical lines.

👉 Vim-Fugitive plugin for git.

👉 Colorizer plugin for color preview by code designation.

👉 Vim - javascript javascript plugin for javascript support.

👉 Toggletherm Improved terminal.

👉 Vim-Gitgutter git help for a change in the code.

👉 Gitsigns shows changes in the code.

👉 Plenary

Coc extensions

👉 Coc manager for installing add-ons to Neovim.

👉 Coc extensions extensions under this link you can find all COC extensions for Neovim.

👉 coc-tailwindcss

👉 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-webview

👉 coc-phpls

👉 coc-prettier

👉 coc-eslint

👉 coc-highlighting

Colorschemes

👉 Dracula color theme for Neovim.

👉 Gruvbox color theme for Neovim.

👉 Catppuccin color theme for Neovim.

👉 Nord color theme for Neovim.

👉 Tokyo Night color theme for Neovim.

👉 Nightfox color theme for Neovim.

👉 Sonokai color theme for Neovim.

👉 NeoSolarized color theme for Neovim.

👉 Moonfly color theme for Neovim.

👉 Onedark color theme for Neovim.

👉 Edge color theme for Neovim.

👉 Airline color theme for Neovim.

👉 GitHub color theme for Neovim.

👉 Nightfly color theme for Neovim.

👉 Miasma color theme for Neovim.

👉 Pink moon color theme for Neovim.

👉 Anderson color theme for Neovim.

👉 Tender color theme for Neovim.

👉 Night owl color theme for Neovim.

Contact:

👉 🚀 ApolloNvim Telegram
👉 Author's personal website 🚀 ApolloNvim

Support:

👉 If in any way you want to support or contribute to the content and functionality of 🚀 ApolloNvim, I'd be happy to hear from you.
👉 You can also support this project with a few Satoshi:

Neovim - první kroky

Lukáš Kaňka — Sat, 06 Apr 2024 03:41:06 +0000

Obsah
* 01. Jak naistalovat vim.plug do neovim
* 02. Defaultní klávesové zkratky

01. Jak nainstalovat vim.plug do Neovim

Nejprve si však zálohujte své aktuální nastavení Neovim!!!

Linux & Mac:

~/.config/nvim/init.vim

Windows:

~\AppData\Local\nvim\iit.vim

Běžte na tuto stránku pod Installation si najděte svůj operační systém a zkopírujte odkaz pod ním do svého terminálu a pomocí Enter nainstalujete vim.plug.

Na Linuxu a macOS to bude tento příkaz:

sh -c 'curl -fLo "${XDG_DATA_HOME:-$HOME/.local/share}"/nvim/site/autoload/plug.vim --create-dirs \
       https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim'

Na Windows to bude tento příkaz:

iwr -useb https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim |`
    ni "$(@($env:XDG_DATA_HOME, $env:LOCALAPPDATA)[$null -eq $env:XDG_DATA_HOME])/nvim-data/site/autoload/plug.vim" -Force

Dále si otevřeme soubor init.vim a pokud ho nemáme tak si ho vytvoříme zde:

Linux & Mac:

~.config/nvim/init.vim

Windows:

~\AppData\Local\nvim\init.vim

A do něj vložíme a následně uložíme tento kód:

call plug#begin(has('nvim') ? stdpath('data') . '/plugged' : '~/.vim/plugged')

# Jsem budeš v budoucnu vkládat pluginy. Začínající PLug a adresa ke stažení

call plug#end()

A příkazem Nvim v terminálu spustíme Neovim. Pokud vám vyskočí chybové hlášení jen ho odklikněte.

Pomocí Shift + : se dostanete do příkazového řádku a tam napíšete PlugInstall

A restartujeme Neovim. Příkazem Shift + : do příkazového řádku napíšete q a restartujeme Neovim.

Takto pokaždé když si přidáte do init.vim pluginy, příkazem PlugInstall je nainstalujete a restartujeme Neovim.

02. Defaultní klávesové zkratky

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

Helix - Front-End Power

Lukáš Kaňka — Tue, 12 Mar 2024 20:51:40 +0000

Helix se už stal mým hlavním prostředím pro vývoj Front-End. Plně nahradil můj setup, který jsem si vytvořil v Neovim. Stále některé funkce oproti mému Neovim setupu chybí, jako například podpora Tabnine či GitHub Copilot a několik pár pluginů, ale i bez toho se dá skvěle fungovat a být efektivní.

Mém setupu Helix oproti čisté instalaci najdeš configuraci v langueges.toml pro HTML, CSS, Javascript, Typescript a markdown (který velmi využívám).
Také navíc tu je skvělé téma Osaka kterým jsem nahradil několik let všude používaného Dracula theme, automatické dokončování závorek, separátor, ukazatel v procentech kde se nacházíte v kódu, autosave, auto writte po zmáčknutí escape, vyvolání configurace zkratkou Tab + C a další skvělé věci.

Pro správnou funkčnost mého setupu si doinstaluj, Node.js a pro podporu jazyků díky LSP tyto balíčky:
vscode-html-language-server
vscode-css-language-server
typescript-language-server
emmet-ls
tailwindcss-language-server
marksman
markdoc-ls

Na celý setup se můžeš podívat v mám repozitáři na Gitea

A samotný setup máš zde, pokud budu dělat změny vždy bude na Gitea aktuální verze:

config.toml:

theme = "osaka"


[editor]
color-modes = true
auto-pairs = true 
auto-save = true

[keys.normal]
"tab" = { c = [":config-open"]}
"esc" = ["collapse_selection", ":w"]

[keys.select]
"esc" = ["collapse_selection", "normal_mode", ":w"]

[keys.insert]
"esc" = ["normal_mode", ":w"]

[editor.statusline]
left = ["mode", "spinner"]
center = ["file-name"]
right = ["diagnostics", "selections", "position", "file-encoding", "file-line-ending", "file-type", "position-percentage" ]
separator = "│"
mode.normal = "NORMAL"
mode.insert = "INSERT"
mode.select = "SELECT"

[editor.indent-guides]
render = true

languages.toml:

 [language-server.emmet-lsp]
command = "emmet-language-server"
args = ["--stdio"]

[[language]]
name = "html"
roots = [".git"]
language-servers = ["emmet-lsp"]

[language-server.rust-analyzer.config.check]
command = "clippy"

 [language-server.emmet-ls]
 args = ["--stdio"]
 command="emmet-ls"

 [language-server.eslint]
 args = ["--stdio"]
 command = "vscode-eslint-language-server"

[[language]]
name = "html"
formatter = { command = 'prettier', args = ["--parser", "html"] }
language-servers = ["vscode-html-language-server", "emmet-ls"]

 [language-server.vscode-css-language-server.config]
 css = { validate = { enable = true } }
 scss = { validate = { enable = true } }
 less = { validate = { enable = true } }
 provideFormatter = true

[[language]]
 name = "css"
 formatter = { command = 'npx', args = ["prettier", "--parser", "css"] }
 language-servers = [ "vscode-css-language-server", "tailwindcss-react", "emmet-ls", "tailwindcss-ls"]
 auto-format = true

[[language]]
 name = "scss"
 formatter = { command = "prettier", args = ["--stdin-filepath", "dummy.scss"] }
 indent = { tab-width = 4, unit = "\t" }
 language-servers = ["vscode-css-language-server"]
 auto-format = true

[[language]]
name = "javascript"
formatter = { command = 'prettier', args = ["--parser", "typescript"] }
auto-format = true

[[language]]
name = "typescript"
formatter = { command = 'prettier', args = ["--parser", "typescript"] }
auto-format = true

[[language]]
name = "jsx"
formatter = { command = 'prettier', args = ["--parser", "typescript"] }
auto-format = true
language-servers = ["typescript-language-server", "emmet-ls"]

[[language]]
name = "tsx"
formatter = { command = 'prettier', args = ["--parser", "typescript"] }
auto-format = true
language-servers = ["typescript-language-server", "emmet-ls"]

[[language]]
name = "json"
formatter = { command = 'prettier', args = ["--parser", "json"] }

[[language]]
name = "markdown"
formatter = { command = 'prettier', args = ["--parser", "markdown"] }
soft-wrap.enable = true
soft-wrap.wrap-at-text-width = true

themes/osaka.toml:

"attribute" = { fg = "blue300" }
"keyword" = { fg = "green500" }
"keyword.directive" = { fg = "red500" }
"keyword.storage.modifier" = { fg = "green500" }
"keyword.storage.type" = { fg = "green500" }
"keyword.control.import" = { fg = "green500" }
"keyword.function" = { fg = "green500" }
"namespace" = { fg = "violet300" }
"operator" = { fg = "green500" }
# Special also affects typed chars in file finder
"special" = { fg = "orange500" }
"variable" = { fg = "base0" }
"variable.builtin" = { fg = "orange500" }
"variable.parameter" = { fg = "orange500" }
"type" = { fg = "yellow300" }
"type.builtin" = { fg = "yellow300", modifiers = ["bold"] }
"constructor" = { fg = "orange500" }
"function" = { fg = "blue500" }
"function.macro" = { fg = "magenta900" }
"function.builtin" = { fg = "blue900", modifiers = ["bold"] }
"function.special" = { fg = "magenta900" }
"comment" = { fg = "base01" }
"string" = { fg = "cyan500" }
"constant" = { fg = "cyan500" }
"constant.builtin" = { fg = "cyan500", modifiers = ["bold"] }
"constant.character" = { fg = "cyan500" }
"constant.character.escape" = { fg = "red900", modifiers = ["bold"] }
"label" = { fg = "green500" }
"module" = { fg = "violet900" }
"tag" = { fg = "green500" }
"punctuation" = { fg = "orange500" }
"punctuation.delimiter" = { fg = "green500" }
"punctuation.bracket" = { fg = "orange500" }
"punctuation.special" = { fg = "orange500" }
"variable.other.member" = { fg = "blue500" }

# TODO
"markup.heading" = "green900"
"markup.list" = "red300"
"markup.bold" = { fg = "yellow500", modifiers = ["bold"] }
"markup.italic" = { fg = "magenta900", modifiers = ["italic"] }
"markup.strikethrough" = { modifiers = ["crossed_out"] }
"markup.link.url" = { fg = "yellow900", modifiers = ["underlined"] }
"markup.link.text" = "blue500"
"markup.quote" = "cyan900"
"markup.raw" = "green900"

"diff.plus" = { fg = "green900" }
"diff.delta" = { fg = "orange900" }
"diff.minus" = { fg = "red900" }

# Uncomment for transparent background
# "ui.background" = {}
"ui.background" = { bg = "base04" }

"ui.virtual.whitespace" = { fg = "base01" }
"ui.virtual.inlay-hint" = { fg = "base01", modifiers = ["italic"] }

# Line Numbers
"ui.linenr" = { fg = "base01" }
"ui.linenr.selected" = { fg = "yellow500", modifiers = ["bold"] }
"ui.gutter.selected" = { bg = "base02" }
"ui.cursorline" = { bg = "base04" }

"ui.statusline" = { fg = "base1", bg = "base03" }
"ui.statusline.inactive" = { fg = "base0", bg = "base04" }
"ui.statusline.normal" = { fg = "base03", bg = "blue500", modifiers = ["bold"]}
"ui.statusline.insert" = { fg = "base04", bg = "green500", modifiers = ["bold"]}
"ui.statusline.select" = { fg = "base04", bg = "yellow500", modifiers = ["bold"]}
"ui.statusline.seperator" = { bg = "yellow500" }

"ui.popup" = { fg = "base1", bg = "base02" }
"ui.menu.selected" = { fg = "base02", bg = "base2"}
"ui.menu" = { fg = "base0", bg = "base03" }
"ui.window" = { fg = "base3" }
"ui.help" = { modifiers = ["reversed"] }

"ui.popup.info" = {fg = "base02", bg = "base04", modifiers = ["bold"]}

"ui.text" = { fg = "base1" }
"ui.text.focus" = { fg = "blue300", modifiers = ["bold"]}
"ui.text.inactive" = { fg = "base01" }
"ui.text.info" = { fg = "base2" }
"ui.highlight" = { fg = "yellow100" }

"ui.cursor.primary" = { fg = "base04", bg = "base1" }
"ui.cursor.select" = { fg = "base02", bg = "cyan900" }
"ui.cursorline.primary" = { bg = "base02" }
"ui.cursorline.secondary" = { bg = "base03" }

"ui.selection" = { bg = "base02" }
"ui.selection.primary" = { bg = "base01" }

"ui.virtual.indent-guide" = { fg = "base02" }
"ui.virtual.ruler" = { fg = "red900" }

"ui.cursor" = {fg = "base02", bg = "cyan900"}
"ui.cursor.insert" = {fg = "base04", bg = "base3"}
"ui.cursor.match" = { fg = "base04", bg = "base00" }

"warning" =  { fg = "orange500", modifiers= ["bold", "underlined"] }
"error" = { fg = "red500", modifiers= ["bold", "underlined"] }
"info" = { fg = "blue500", modifiers= ["bold", "underlined"] }
"hint" = { fg = "base01", modifiers= ["bold", "underlined"] }

"diagnostic.warning" = { fg = "yellow500", bg = "yellow900", underline = { style = "curl", color = "yellow900" } }
"diagnostic.error" = { fg = "red500", bg = "red900",underline = { style = "curl", color = "red900" } }
"diagnostic.info" = { fg = "blue500", bg = "blue900", underline = { style = "curl", color = "blue900" } }
"diagnostic.hint" = { fg = "cyan500", bg = "cyan900", underline = { style = "curl", color = "cyan900" } }

[palette]
base04 = "#00141A"
base03 = "#002B36"
base02 = "#073642"
base01 = "#586E75"
base00 = "#657B83"
base0 = "#9EACAD"
base1 = "#ADB8B8"
base2 = "#EEE8D5"
base3 = "#FDF6E3"
base4 = "#FFFFFF"

yellow900 = "#332700"
yellow700 = "#664D00"
yellow500 = "#B58900"
yellow300 = "#FFC100"
yellow100 = "#FFE999"

orange900 = "#5C220A"
orange700 = "#A13C11"
orange500 = "#CB4B16"
orange300 = "#F8520E"
orange100 = "#FF9468"

red900 = "#57100F"
red700 = "#B7211F"
red500 = "#DC322F"
red300 = "#F6524F"
red100 = "#FF9D9B"

magenta900 = "#541232"
magenta700 = "#B02669"
magenta500 = "#D33682"
magenta300 = "#F255A1"
magenta100 = "#FF77B9"

violet900 = "#25285B"
violet700 = "#494FB6"
violet500 = "#6C71C4"
violet300 = "#9CA0ED"
violet100 = "#CCCFFF"

blue900 = "#103956"
blue700 = "#1B6497"
blue500 = "#268BD2"
blue300 = "#49AEF5"
blue100 = "#AADCFF"

cyan900 = "#103B3D"
cyan700 = "#1A6265"
cyan500 = "#2AA198"
cyan300 = "#29EEDF"
cyan100 = "#B9FFFA"

green900 = "#2C3300"
green700 = "#596600"
green500 = "#859900"
green300 = "#BAFB00"
green100 = "#D6FFAC"

Konfigurace je plně funkční a ozkoušená na EndeavourOS a MacOS, aleněměl by být problém na jiných OS a distribucích kde funguje Helix.

Z Neovim do Helix

Lukáš Kaňka — Sun, 10 Mar 2024 19:52:11 +0000

Ahoj jsem dlouho dobí uživatel Neovim. Za dlouhou dobu jsem si ho vážně vymazlil k svému aby mi dělal co největší radost a stále ji dělá.

Nedávno jsem okusil Helix editor.
I když mi nenabízí tolik, svým způsobem si mě omotal kolem prstu. A neměl to lehké jíné ovládání, žádné pluginy a například při vývoji frontend nedosahuje na můj již vyladěný Neovim. Nevím proč, ale práce mě v něm velice baví, ale vše není tak růžové. Myslím že šanci aby jste ho zkusily si zaslouží. Můj Helix setup najdeš zde. Zatím ho používám chvíly a ještě se s ním seznamuji, ale na vývoj webu se dá už použít.

config.toml:

theme = "dracula"


[editor]
color-modes = true
auto-pairs = false

[keys.normal]
"tab" = { c = [":config-open"]}
"esc" = ["collapse_selection", ":w"]

[keys.select]
"esc" = ["collapse_selection", "normal_mode", ":w"]

[keys.insert]
"esc" = ["normal_mode", ":w"]

language.toml:

[language-server.emmet-lsp]
command = "emmet-language-server"
args = ["--stdio"]

[[language]]
name = "html"
roots = [".git"]
language-servers = ["emmet-lsp"]

[language-server.rust-analyzer.config.check]
command = "clippy"

[language-server.emmet-ls]
args = ["--stdio"]
command="emmet-ls"

[[language]]
name = "html"
formatter = { command = 'prettier', args = ["--parser", "html"] }
language-servers = ["vscode-html-language-server", "emmet-ls"]

[[language]]
name = "css"
formatter = { command = 'prettier', args = ["--parser", "css"] }

[[language]]
name = "javascript"
formatter = { command = 'prettier', args = ["--parser", "typescript"] }
auto-format = true

[[language]]
name = "typescript"
formatter = { command = 'prettier', args = ["--parser", "typescript"] }
auto-format = true

[[language]]
name = "jsx"
formatter = { command = 'prettier', args = ["--parser", "typescript"] }
auto-format = true
language-servers = ["typescript-language-server", "emmet-ls"]

[[language]]
name = "tsx"
formatter = { command = 'prettier', args = ["--parser", "typescript"] }
auto-format = true
language-servers = ["typescript-language-server", "emmet-ls"]

[[language]]
name = "json"
formatter = { command = 'prettier', args = ["--parser", "json"] }

[[language]]
name = "markdown"
formatter = { command = 'prettier', args = ["--parser", "markdown"] }
soft-wrap.enable = true
soft-wrap.wrap-at-text-width = true

A jaké jsou největší bolístky po přechodu z Neovim na Helix?
Ze začátku to bude určitě ovládaní a otočená logiga příkazů kde nejdříve označíte a pak dáte příkaz.
Potom někomu mohou chybět pluginy jako NERDTree s čím jsem, ale něměl problém protože nejvíce používám fzf což v Helixu je defáltně podobný systém který vyvoláte klávesami space -> f.
Ne všechny věci běží jako u mě v Neovim například dokončování kódu.
A co mě nejvíce překvapilo?
Vše hned funguje pokud vám něco chybí pro váš jazyk stačí zadat v terminálu: helix --health a hned vydíte co je třeba doinstalovat a vše najdete zde.
V Helixu máte přes 100 témat už naistalovaných, bohužel nemůžete si například modifikovat úvodní stranu, nebo jsem aspoň na to nepřišel.
Jak vám ovládání vleze pod ruce budete stejně rychlí jako v Neovim.

Zatím asi na Helix na 100% nepřejdu, ale na menší projekty ho budu určitě používat. Pokud přibude podpora pro Tabnine a pár malích bolístek opraví tak budu velmi silně přemýšlet o přechodu z Neovim.

DEV Community: Lukáš Kaňka

Lite 🚀 ApolloNvim Distro 2024-2025

🚀 ApolloNvim

Verzion: 25.01

Programming is much more fun when you are efficient. Neovim can get you there eventually, but you have to be willing to try new things. New plugins, new remaps, etc.

Advantages:

Plan 🚀ApolloNvim:

Questions and Answers:

🚀 ApolloNvim

Before installing new plugins, always check the documentation for the plugins on Github. This will prevent potential problems! If you're not sure about the procedure or something is not clear, you'd better check the documentation,write to us or the forums to find the answer.

Installation and setup Start Edition:

Neovim:

Installation and setup FrontEnd Edition:

Node.js:

Neovim:

Plugins 🚀 ApolloNvim Distro

Coc extensions

Colorschemes

Contact:

Support:

More projects and links:

Neovim - první kroky

01. Jak nainstalovat vim.plug do Neovim

02. Defaultní klávesové zkratky

Základní pohyb:

Visuální mód:

Normální mód - NORMAL:

Command mód:

Vyhledávání a nahrazování:

Různé:

Helix - Front-End Power

Z Neovim do Helix