Code faster in VSCode 🏎️
31:51
CSS Nesting in 5 minutes
4:39
9 ай бұрын
[12/10/22] Hacktoberfest at Sentry
2:02:15
[19/10/22] Hacktoberfest at Sentry
1:55:59
[10/05/22] Hacktoberfest at Sentry
1:15:05
04 - Streamers Schedule
2:18:53
Жыл бұрын
01 - Streamers Schedule
1:10:22
Жыл бұрын
Пікірлер
@prashlovessamosa
@prashlovessamosa 8 күн бұрын
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 😅
@sudarshanb9771
@sudarshanb9771 9 күн бұрын
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 :)
@nikolovlazar
@nikolovlazar 9 күн бұрын
Happy to help!
@cocoxdemon
@cocoxdemon 13 күн бұрын
i think you should mention that blur is only supported in macos and kde
@nikolovlazar
@nikolovlazar 13 күн бұрын
Oh totally missed that one. Thanks cocoxdemon 🙏
@RapLyricalVideos
@RapLyricalVideos 14 күн бұрын
Nice video man ❤
@nikolovlazar
@nikolovlazar 14 күн бұрын
Hey thanks a lot! 🙏 Glad you liked it!
@RapLyricalVideos
@RapLyricalVideos 14 күн бұрын
@@nikolovlazar Welcome bro, bring more videos like these ❤
@prashlovessamosa
@prashlovessamosa 15 күн бұрын
Thanks for sharing Btw please use face cam for upcoming stuff
@nikolovlazar
@nikolovlazar 15 күн бұрын
Thanks! Why, though? 😁 You don't like this type of angle?
@prashlovessamosa
@prashlovessamosa 15 күн бұрын
@@nikolovlazar "I enjoy Face Cam because it feels like I'm being taught one-on-one."
@nikolovlazar
@nikolovlazar 15 күн бұрын
@@prashlovessamosaoh for sure! Thank you for the feedback! I’m not giving up on the face cam.
@b1mind
@b1mind 19 күн бұрын
Love seeing you show the programming of vsCode keybinds you can do some really powerful stuff.
@nikolovlazar
@nikolovlazar 18 күн бұрын
The base functionality is wild. Imagine what you can do with extensions on top of it 😁
@Yesterday_i_ate_rat
@Yesterday_i_ate_rat 19 күн бұрын
Can you make a video about your nvim setup ( keymaps, options -- explaining briefly ) & ( what are the plugins you use for web development )
@nikolovlazar
@nikolovlazar 18 күн бұрын
That could be cool. Thanks for the idea!
@Yesterday_i_ate_rat
@Yesterday_i_ate_rat 19 күн бұрын
Amazing vid, Thanks :-D
@user-vc2pm5xv7s
@user-vc2pm5xv7s 20 күн бұрын
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?
@WhatNameHere
@WhatNameHere 23 күн бұрын
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?
@nikolovlazar
@nikolovlazar 23 күн бұрын
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.
@Danielo515
@Danielo515 25 күн бұрын
Have to be honest, didn't expected this to be that good
@allenho9427
@allenho9427 27 күн бұрын
Thank for your valuable sharing! Btw, ma you share what font family do you use in your terminal?
@nikolovlazar
@nikolovlazar 25 күн бұрын
Glad you liked it! I'm using the Dank Mono font.
@allenho9427
@allenho9427 25 күн бұрын
@@nikolovlazar Well noted, thanks for your kind sharing!
@anvesh777
@anvesh777 29 күн бұрын
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" },
@nikolovlazar
@nikolovlazar 29 күн бұрын
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"] } }
@GonzaloStoll
@GonzaloStoll 23 күн бұрын
@@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 👏
@nikolovlazar
@nikolovlazar 23 күн бұрын
@@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?
@syedumairali4345
@syedumairali4345 29 күн бұрын
Amazing series. Subscribed and liked the video as well.
@RodrigoSilva-un9xh
@RodrigoSilva-un9xh Ай бұрын
This is amazing. Thanks
@Greyvend
@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
@nikolovlazar Ай бұрын
Thanks! I've updated the video description with all the info and links.
@nikolovlazar
@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
@prashlovessamosa Ай бұрын
this is so helpful thanks.
@nikolovlazar
@nikolovlazar 29 күн бұрын
Glad it was helpful!
@Knaif
@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
@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
@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
@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
@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
@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
@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
@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
@freezxify Ай бұрын
Your discord invite is invalid
@nikolovlazar
@nikolovlazar Ай бұрын
Which one did you try? The one on creatures.dev should work.
@Neutralpointz
@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
@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
@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
@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
@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
@nikolovlazar Ай бұрын
Glad you liked it man!
@warmdev
@warmdev Ай бұрын
what theme are you use for nvim?
@nikolovlazar
@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
@warmdev Ай бұрын
@@nikolovlazar thank you
@vladislavnovoselov3699
@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
@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
@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
@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
@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
@nikolovlazar Ай бұрын
What do you mean by jumping to different stack locations? Like jumping to a certain breakpoint, or a specific line?
@travisweedon1234
@travisweedon1234 Ай бұрын
@@nikolovlazar I try to explain - drive.google.com/file/d/1xihxGaWwYJvB-5JSlJvuUUtVbrmPXECz/view?usp=drive_link
@bleakCode
@bleakCode Ай бұрын
This is freaking beautiful! Awesome stuff
@farzadmf
@farzadmf Ай бұрын
Very useful video, thank you!
@belkocik
@belkocik Ай бұрын
What is your keyboard?
@nikolovlazar
@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
@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
@nikolovlazar Ай бұрын
I haven't had the need to do this, but hopefully some of the viewers of this video has figured that out.
@zettlrobert
@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
@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
@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
@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
@nikolovlazar Ай бұрын
That's an interesting idea. I'll look into it. Thanks!
@bleakCode
@bleakCode Ай бұрын
I really like zod syntax and how light it is and the support it has with other libraries
@nikolovlazar
@nikolovlazar Ай бұрын
Zod is awesome!
@blaizeW
@blaizeW Ай бұрын
woah. thats brilliant, thank you!!!
@nikolovlazar
@nikolovlazar Ай бұрын
Glad you like it!
@blaizeW
@blaizeW Ай бұрын
@@nikolovlazar btw, what’s the theme and icons you use?
@nikolovlazar
@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
@blaizeW Ай бұрын
@@nikolovlazar Tysm.
@alptugan
@alptugan Ай бұрын
Thanks for the neat tip!
@nikolovlazar
@nikolovlazar Ай бұрын
Happy to help!
@0xtz_
@0xtz_ Ай бұрын
thats sooooooo cool man thanks
@nikolovlazar
@nikolovlazar Ай бұрын
Glad you liked it!
@rafiul6065
@rafiul6065 Ай бұрын
sir what Database do you use for this application
@nikolovlazar
@nikolovlazar Ай бұрын
Realm DB
@rafiul6065
@rafiul6065 Ай бұрын
@@nikolovlazar when I add or expense some money, does this calculation show on the home screen?
@nikolovlazar
@nikolovlazar Ай бұрын
@@rafiul6065 you mean like in a widget? no, I didn't get to create a widget.
@rafiul6065
@rafiul6065 Ай бұрын
@@nikolovlazar sir i mean the application home page 1st starting page
@How2Forex
@How2Forex Ай бұрын
wow, keep posting these videos
@nikolovlazar
@nikolovlazar Ай бұрын
Thank you!
@user-xr8qj9jc4l
@user-xr8qj9jc4l Ай бұрын
Thank you. Like🎉
@sivaganesh4489
@sivaganesh4489 Ай бұрын
Are you able to use partytown with nextJS 13 approuter ?
@nikolovlazar
@nikolovlazar Ай бұрын
Haven’t worked with Partytown so far, but I’ll let you know. What’s the problem with partytown and app router?
@sivaganesh7727
@sivaganesh7727 Ай бұрын
Nextjs script worker strategy is not supported in partytown
@ryostyles9904
@ryostyles9904 Ай бұрын
Cooool
@adrian34234
@adrian34234 Ай бұрын
thanks and appreciate it!
@LukasSmith827
@LukasSmith827 Ай бұрын
this video has saved my life, so much better than messing with custom css
@nikolovlazar
@nikolovlazar Ай бұрын
Easy peasy! 😁
@harshalkudale4877
@harshalkudale4877 Ай бұрын
Finally. I am now free of frustration. Thanks.
@nikolovlazar
@nikolovlazar Ай бұрын
Glad I could help!
@magiczz420
@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
@nikolovlazar Ай бұрын
Yes! This is one of those "simple but delightful" features that improve the QoL. I'm glad you found it useful.
@ViktorStevanovic-qf2dm
@ViktorStevanovic-qf2dm Ай бұрын
Great! Can i ask you what theme are you using? Love the setup!
@nikolovlazar
@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