If you want to render images in kitty there is a plugin called image.nvim it only works in kitty i tried to make that work but miserably failed if you are not familiar with it please have a try and tell me if you succeed 😅
@sudarshanb97719 күн бұрын
Thank you so much, I was finally able to set up a working debugger for my node.js applications. Although, my config needs some fine-tuning, but I am happy that I got the debugger working with the help of your video :)
@nikolovlazar9 күн бұрын
Happy to help!
@cocoxdemon13 күн бұрын
i think you should mention that blur is only supported in macos and kde
@nikolovlazar13 күн бұрын
Oh totally missed that one. Thanks cocoxdemon 🙏
@RapLyricalVideos14 күн бұрын
Nice video man ❤
@nikolovlazar14 күн бұрын
Hey thanks a lot! 🙏 Glad you liked it!
@RapLyricalVideos14 күн бұрын
@@nikolovlazar Welcome bro, bring more videos like these ❤
@prashlovessamosa15 күн бұрын
Thanks for sharing Btw please use face cam for upcoming stuff
@nikolovlazar15 күн бұрын
Thanks! Why, though? 😁 You don't like this type of angle?
@prashlovessamosa15 күн бұрын
@@nikolovlazar "I enjoy Face Cam because it feels like I'm being taught one-on-one."
@nikolovlazar15 күн бұрын
@@prashlovessamosaoh for sure! Thank you for the feedback! I’m not giving up on the face cam.
@b1mind19 күн бұрын
Love seeing you show the programming of vsCode keybinds you can do some really powerful stuff.
@nikolovlazar18 күн бұрын
The base functionality is wild. Imagine what you can do with extensions on top of it 😁
@Yesterday_i_ate_rat19 күн бұрын
Can you make a video about your nvim setup ( keymaps, options -- explaining briefly ) & ( what are the plugins you use for web development )
@nikolovlazar18 күн бұрын
That could be cool. Thanks for the idea!
@Yesterday_i_ate_rat19 күн бұрын
Amazing vid, Thanks :-D
@user-vc2pm5xv7s20 күн бұрын
And it works out of box in many IDEs, is it a skill issue, or is it a trial and error and hope some plugin made by some guy better get to work for me issue?
@WhatNameHere23 күн бұрын
Hey, Ive tried neovim for front end but don’t know for some reason in react or NextJS projects it doesn’t autosuggest me for html tags. Could you help?
@nikolovlazar23 күн бұрын
Do you have an LSP installed? The suggestions that are based on the language/framework come from a configured LSP (Language Service Provider). It's how all IDEs are giving you suggestions. If you're using plain Neovim you don't have an LSP configured. I'm using LazyVim as a base ( lazyvim.org ) but with some additional configuration on top that I needed. You can check out my config here: github.com/nikolovlazar/dotfiles. I'd look into setting up LazyVim first, and then taking it from there.
@Danielo51525 күн бұрын
Have to be honest, didn't expected this to be that good
@allenho942727 күн бұрын
Thank for your valuable sharing! Btw, ma you share what font family do you use in your terminal?
@nikolovlazar25 күн бұрын
Glad you liked it! I'm using the Dank Mono font.
@allenho942725 күн бұрын
@@nikolovlazar Well noted, thanks for your kind sharing!
@anvesh77729 күн бұрын
Thanks for the video 20:32 to focus git message box { "key": "space g g", "command": "runCommands", "args": { "commands": [ "workbench.scm.focus", "list.focusFirst", "list.select" ] }, "when": "your-when-condition" },
@nikolovlazar29 күн бұрын
Thank you Anvesh! This didn't work for me, but your comment made me google around and I found out that I needed the "multi-command" extension in order to make it work. I've updated the gist in the description, but here's what worked for me: { "key": "space g g", "command": "extension.multiCommand.execute", "when": "vim.mode == 'Normal' && (editorTextFocus || !inputFocus)", "args": { "sequence": ["workbench.view.scm", "workbench.scm.focus"] } }
@GonzaloStoll23 күн бұрын
@@nikolovlazar actually this worked perfectly fine for me: { "key": "space g g", "command": "runCommands", "when": "vim.mode == 'Normal' && (editorTextFocus || !inputFocus)", "args": { "commands": ["workbench.view.scm", "workbench.scm.focus"] } }, Awesome video by the way 👏
@nikolovlazar23 күн бұрын
@@GonzaloStoll hmm that's weird. for some reason my VS Code didn't wait for the first command to finish (opening the scm panel) before trying to focus on the commit input, so the focus never happened. are you running on windows/linux?
@syedumairali434529 күн бұрын
Amazing series. Subscribed and liked the video as well.
@RodrigoSilva-un9xhАй бұрын
This is amazing. Thanks
@GreyvendАй бұрын
Amazing shortcuts and great easy to follow guide. Well done, sir! Can you share what theme do you use for VS code? And also, how did you make your cursor move so smoothly when you type and jump around?
@nikolovlazarАй бұрын
Thanks! I've updated the video description with all the info and links.
@nikolovlazarАй бұрын
Thanks for watching! I already have a few more keybindings in mind, so there might be a Part 2 video soon. What would you like to see?
@prashlovessamosaАй бұрын
this is so helpful thanks.
@nikolovlazar29 күн бұрын
Glad it was helpful!
@KnaifАй бұрын
Nice video, I will try it out. I have been following Ben Awad's TS fullstack video for the last month and have found myself having to move my right hand to hit arrow keys or end a lot when writing code, and have been getting swamped with tabs since I didn't know the shortcuts to navigate between splits and tabs to close them without a mouse. One thing I think was missing in this video was navigating to terminals and swapping between them.
@nikolovlazarАй бұрын
Good point! I’m using the default ones for the terminal (ctrl-backtick to toggle, and was it something with ][ to switch between?). I’ll think about what makes the most sense and add it to my keybindings.json file.
@EddieVillamorАй бұрын
So many of these commands already have a built in keybinding. This is basically a loooooong video about how to do keybindings 😴 😴 gotta get back to work and actually code faster.. Would recommend just summarizing each key bindings you use and all the condition predicates instead so we can actually get through these in time.
@nikolovlazarАй бұрын
Of course they do. I do mention in the beginning that this video is about matching Neovim's keymaps. It's not about extending VS Code. Thank you for the recommendation though!
@KevinNitroАй бұрын
Hi, your video's content is great. ❤❤ Btw what tiling window app / manager you are using? And also the app shows keystroke on screen? 🥰 Also will you update the gist link in the future for more keymaps? Do you include it in your dotfiles repo or something?
@nikolovlazarАй бұрын
Hey Kevin! Glad you liked it! Window manager: the built-in functions of Raycast www.raycast.com Keystrokes app: KeyCastr github.com/keycastr/keycastr I'm definitely going to add more keymaps - thinking of debugging keymaps right now (toggle breakpoints, run jobs etc...). I'll try to remember to update the gist, but it's better if I add them to my dotfiles somehow. Still not sure how VSCode does the sync. I might even do a Part 2 video as well.
@KevinNitroАй бұрын
@@nikolovlazar can I suggest remap <ctrl-p> <ctrl-n> to previous / next selecting items from drop down menu? I wonder if vsc has those apis 🙄
@nikolovlazarАй бұрын
I can see that being super useful! I have my arrow keys mapped to hjkl on my keyboard, so I don't have to move my hands to use the arrows, but I think I've seen <ctrl-p> <ctrl-n> being used to navigate. I'll look into that keymap as well. So far I got this one + the debugging keymaps, so I can already see the next video forming 😁
@freezxifyАй бұрын
Your discord invite is invalid
@nikolovlazarАй бұрын
Which one did you try? The one on creatures.dev should work.
@NeutralpointzАй бұрын
Neovim came into my view a few days ago. I've never really used it, i am mainly a VSCode guy. But this made me curious enough to try vim motions and set up my own keybindigs. Thanks a lot and we need more content like this on here.
@nikolovlazarАй бұрын
Glad you liked it! Vim motions definitely changed the way I write and edit code. There are lots of motions that I don't know or I'm not using regularly just yet, but I'm not in a rush. Have fun exploring the Neovim ecosystem! If you have questions or need help, don't hesitate to reach out either here or on the creatures.dev Discord.
@user-ql2vz5kn9qАй бұрын
You are a legend, I'm kind of facing issues with neovim(nvchad) it is freezing I don't know why, having the same problem with lazyvim too. So kindof thinking to switching back to vscode and came across this video. Now I'll definitely switch to vscode!
@nikolovlazarАй бұрын
Thank you! I think I've experienced the freezing issue as well. I think it's the built-in "floating" terminal. Usually happens when I'm using just neovim and I'm using the floating terminal to run apps. I've switched over to tmux + neovim and the issue stopped happening. Is that the same issue you're having?
@JonMartinsАй бұрын
This is amazing my man. Just added this to my vscode. I mostly use vscode for debugging a little bit and to do formatting or editing of jsons. This is a game changer!
@nikolovlazarАй бұрын
Glad you liked it man!
@warmdevАй бұрын
what theme are you use for nvim?
@nikolovlazarАй бұрын
I'm using oxocarbon in neovim: github.com/nyoom-engineering/oxocarbon.nvim. But I modified it slightly in some places so it plays nicely with other plugins. Here's the full config: github.com/nikolovlazar/dotfiles/blob/main/.config/nvim/lua/plugins/colorscheme.lua
@warmdevАй бұрын
@@nikolovlazar thank you
@vladislavnovoselov3699Ай бұрын
Nice feauture, thanks for sharing can you help me to make that work for dynamic folders too If I have " app/landlords/[id]/{layout,page}.tsx " then the label output is [id] page I tried to make dirname(2) - so it takes landlords folder name - but it conflicts with folders that doesnt have dynamic routing
@nikolovlazarАй бұрын
I got you! So VS Code uses a special glob syntax that doesn't work exactly like regex. I managed to make it work for both cases when there's a dynamic segment and not. You'd need to add multiple patterns to match the different cases, depending on the position of the dynamic segment in the path. Let's say the dynamic segment is the direct parent of the file. You'd need two patterns - one for the regular files, and one for the dynamic one: // Regular - prefixed with src/app so it doesn't affect files outside of the app dir src/app/**/{layout,page}.tsx - ${dirname} ${filename} // Dynamic - the dynamic segment is the direct parent src/app/**/[[]*[]]/{layout,page}.tsx - ${dirname(1)}${dirname} ${filename} Play around with this and see what value works for you. This dynamic pattern will produce this: "landlords[id] page". I hope this helps you.
@luispedrocamachoАй бұрын
Great video! Just noticed that your a using a voyager keyboard and you have a kinesys keyboard in your background. What's your opinion between the two? I ask because I have a voyager and I'm struggling a bit so I'm considering to buy the kinesys.
@nikolovlazarАй бұрын
I had the Kinesis first and I loved it, but it was too big to carry around, so that's why I got the Voyager. What problems are you having with the voyager? I actually love it. Haven't touched my Kinesis ever since I got the Voyager.
@travisweedon1234Ай бұрын
Is it possible to jump to different stack locations? Then once you're there, are debug values in the REPL relative to the context of that stack? Seems impossible to find someone that shows this, also seems near impossible to set it up.
@nikolovlazarАй бұрын
What do you mean by jumping to different stack locations? Like jumping to a certain breakpoint, or a specific line?
@travisweedon1234Ай бұрын
@@nikolovlazar I try to explain - drive.google.com/file/d/1xihxGaWwYJvB-5JSlJvuUUtVbrmPXECz/view?usp=drive_link
@bleakCodeАй бұрын
This is freaking beautiful! Awesome stuff
@farzadmfАй бұрын
Very useful video, thank you!
@belkocikАй бұрын
What is your keyboard?
@nikolovlazarАй бұрын
It's the ZSA Voyager! www.zsa.io/voyager. My main driver before was my Kinesis Advantage (top shelf behind me), but it was too big to carry it around, so I switched to the Voyager.
@ghostorderАй бұрын
Did any one managed to use nvim-dap to debug a node app when it run inside a docker container? I've been trying to achieve this for days without success, I managed to run the adapter from inside the container, but when I try to start a debugging session nvim-dap cannot connect to the adapter, I can see the request message in the dap.log file but there is no response. I have no issue debugging on localhost, but I would like to go one step further and debug in docker.
@nikolovlazarАй бұрын
I haven't had the need to do this, but hopefully some of the viewers of this video has figured that out.
@zettlrobertАй бұрын
if your container is not runnign network mode host you need to map the ports of the debugger running in the container to the port on your host - either in the docker compose file or the command you use to start your container.
@ghostorderАй бұрын
@@zettlrobert yep, that's what I'm doing, my application is running in port 4000, the node debugger is running in port 4001 (--inspect=4001) and the adapter is running in port 8123, all these ports are mapped to localhost in my docker-compose file
@stanleestine637Ай бұрын
Hey I love you a lot for my mini project my group is creating automatic expense tracker which scans expense details from sms .Can you plz help me to achieve it plz
@prashlovessamosaАй бұрын
Mr lazar please maka a vid on your configs i was reading your configs some of the stuffs i don't understand please do consider my request make a vid whenever you have some time.
@nikolovlazarАй бұрын
That's an interesting idea. I'll look into it. Thanks!
@bleakCodeАй бұрын
I really like zod syntax and how light it is and the support it has with other libraries
@nikolovlazarАй бұрын
Zod is awesome!
@blaizeWАй бұрын
woah. thats brilliant, thank you!!!
@nikolovlazarАй бұрын
Glad you like it!
@blaizeWАй бұрын
@@nikolovlazar btw, what’s the theme and icons you use?
@nikolovlazarАй бұрын
@@blaizeW Here's my setup: - Color Theme: marketplace.visualstudio.com/items?itemName=DaltonMenezes.aura-theme - Icon Theme: marketplace.visualstudio.com/items?itemName=Equinusocio.moxer-icons - Font: Dank Mono
@blaizeWАй бұрын
@@nikolovlazar Tysm.
@alptuganАй бұрын
Thanks for the neat tip!
@nikolovlazarАй бұрын
Happy to help!
@0xtz_Ай бұрын
thats sooooooo cool man thanks
@nikolovlazarАй бұрын
Glad you liked it!
@rafiul6065Ай бұрын
sir what Database do you use for this application
@nikolovlazarАй бұрын
Realm DB
@rafiul6065Ай бұрын
@@nikolovlazar when I add or expense some money, does this calculation show on the home screen?
@nikolovlazarАй бұрын
@@rafiul6065 you mean like in a widget? no, I didn't get to create a widget.
@rafiul6065Ай бұрын
@@nikolovlazar sir i mean the application home page 1st starting page
@How2ForexАй бұрын
wow, keep posting these videos
@nikolovlazarАй бұрын
Thank you!
@user-xr8qj9jc4lАй бұрын
Thank you. Like🎉
@sivaganesh4489Ай бұрын
Are you able to use partytown with nextJS 13 approuter ?
@nikolovlazarАй бұрын
Haven’t worked with Partytown so far, but I’ll let you know. What’s the problem with partytown and app router?
@sivaganesh7727Ай бұрын
Nextjs script worker strategy is not supported in partytown
@ryostyles9904Ай бұрын
Cooool
@adrian34234Ай бұрын
thanks and appreciate it!
@LukasSmith827Ай бұрын
this video has saved my life, so much better than messing with custom css
@nikolovlazarАй бұрын
Easy peasy! 😁
@harshalkudale4877Ай бұрын
Finally. I am now free of frustration. Thanks.
@nikolovlazarАй бұрын
Glad I could help!
@magiczz420Ай бұрын
I knew immediately what this would be about and it's actually really useful. I used to click the file to see in the file explorer where it was located to know what was in it. This will save me so much time. Great video!
@nikolovlazarАй бұрын
Yes! This is one of those "simple but delightful" features that improve the QoL. I'm glad you found it useful.
@ViktorStevanovic-qf2dmАй бұрын
Great! Can i ask you what theme are you using? Love the setup!
@nikolovlazarАй бұрын
Thanks Viktor! Here's my setup: - Color Theme: marketplace.visualstudio.com/items?itemName=DaltonMenezes.aura-theme - Icon Theme: marketplace.visualstudio.com/items?itemName=Equinusocio.moxer-icons - Font: Dank Mono