Kitty + Neovim: Aesthetic Dev Setup

Marcelo Haruo Kochiyama — Sat, 27 Apr 2024 03:40:45 +0000

Hello fellow dev!

It has been a little more than one year since I came from VSCode to Neovim. And I have no regrets. My arms pain disappeared, and my productivity got a big boost after learning and get used to vim motions.

I love tweaking my setup, testing new themes, and using different window managers (currently using yabai). I used to work with windows, linux and now I'm on MacOS. And here is a quick overview, of what is my current daily driver setup.

Terminal

Kitty is the perfect terminal for me, it is fast, lightweight, cross platform, highly customizable, has tabs and split pane support and even plugins.

The theme I'm using is Rose Pine. I loved this theme at first sight. And sometimes I switch back to the fantastic Catppuccin.

The best part for me is having every control at the keyboard, from changing tabs to creating and resizing windows, everything has a keyboard shortcut.

By the way, I'm using the Oh My Zsh and Starship to customize my prompt with autosuggestions, syntax highlighting and the custom prompt style.

Soon I'll be posting a detailed tutorial on how to setup the terminal exactly like mine.

Neovim

I started my journey testing out existent configs, but ended up creating my own from scratch. I like to have full control over the look and behavior of my setup.

In this screenshot you can see the start page (alpha) with a custom Ascii art of my agency name, and partial surname.

My Experience

I use this setup on my daily work, and it doesn't let me down. I have every tool I need, with custom keybindings that make my workflow slide, not being blocked by switching from mouse to keyboard infinite times a day, and having to search UI elements to click.

The setup is fully on terminal, so no high RAM or CPU consumption, almost everything runs instantly, even when fuzzy searching a medium size repo with hundreds of files.

By the word of my work colleagues and friends, I'm pretty fast working. I can find things and navigate through code fast and don't spend effort on it.

Having a complete git client at a command reach is incredibly convenient. With a blink of an eye, I stag and commit changes. Pull and push changes. Change branches and even create new branches. The best part is the easy way of cherry picking each line I want to include on my commits.

Complete plugin list:

lazy.nvim - Plugin manager
alpha.nvim - Dashboard
nvim-autopairs - Autoclose parens, quotes and other things.
nvim-colorizer - Color hex codes
comment.nvim - Support block comments and jsx comments
devicons - Plenty of other plugins rely on this one to render beautiful icons
git-blame - Show inline git blame by default, I configured to render only on the lualine (bottom bar)
lazygit - A complete git gui inside neovim
lualine - Bottom status line
neoscroll - Support to smooth scrolling
neotree - Filesystem explorer and manager
rose-pine - The theme
telescope - Modals to use features like fuzy search, file search and more.
wakatime - Time tracker

LSPs, Completion, Syntax Highlighting, and formatting. All of the following plugins work together to give the experience you got on vscode with suggestions and formatting. It was a little bit tricky to setup but now that everything works, it is a great experience.

Conclusion

Well, that was a superficial overview of my setup, if you would like to see specific tutorials or informations about the setup, even a neovim 101 tutorial, let me know in the comments and follow me for more!

Comment down below a little bit about your setup! Share screenshots. Let's make this article a place to inspire other people to try new tools and be enthusiasts! 💻👋🏻 See ya...

2 Sites to Become a Better Developer

Marcelo Haruo Kochiyama — Fri, 19 Apr 2024 15:26:00 +0000

Hello fellow dev!

I know how learning and improving constantly is hard. And how easy it is to jump over some underrated knowledge, but necessary to become a great developer.

During my journey, I found resources that are so valuable I really can't believe are free. Here are two of them:

1. Refactoring Guru

This site has a ton of knowledge, full of beautiful Illustrations and clear explanations that I haven't found any better.

It covers two major topics in detail: the art of refactoring and design patterns.

You will find out how to determine exactly why your code is dirty and the correct methods to clean and make your code readable and easier to maintain.

And also, there you can read about all the 22 classic design patterns.

Oh, and it has code examples in multiple languages!

2. Exercism

If you are learning or thinking of learning a new programming language, this is the right spot.

Exercism is a platform to learn by practice, through exercises from the hello world to advanced and hard challenges.

There is more than 70 languages to learn, and some of them have special roadmaps to learn. Where all exercises are grouped in topics, and you need to learn a topic to unlock others that build on top. This is great to learn fast and not loose time jumping from article to article, going back and forth.

Some languages and techs have great docs and teach you well, others not so well. So Exercism is always a valid thing to add up to your learning experience.

Conclusion

And, that's all for this article. Thank you for reading, and don't forget to contribute and let down in the comments a resource you didn't believe is free or that cheap for how great it is. 💻👋🏻 See ya...

DEV Community: Marcelo Haruo Kochiyama

Kitty + Neovim: Aesthetic Dev Setup

Terminal

Neovim

My Experience

Conclusion

2 Sites to Become a Better Developer

1. Refactoring Guru

2. Exercism

Conclusion