760

April 24th, 2024 × #VSCode#Productivity#Web Development

Pro VSCode Setups

Scott and Wes detail their Visual Studio Code setups, extensions, themes, fonts, shortcuts and other preferences.

or
Topic 0 00:00

Intro to podcast on VSCode setups

Scott Tolinski

Yeah. Yeah. We'll be talking all about our our just our our setups in general. So nothing, you know, should be excluded by not looking at the video. But if you wanna see what we're talking about, I think it's gonna be a very visual episode in that regard. And if you want to see all of the errors in your application, you'll want to check out Sentry at century.ioforward/syntax.

Topic 1 00:34

Discussion on personal VSCode setups and configurations

Scott Tolinski

You can sign up today and get 2 months for free. Sentry is just a really incredible tool for not only tracking your performance, making sure application has no bugs, but even just seeing what goes wrong when something goes wrong because things go wrong all the time when we're coding. And you don't want a production application out there that, well, you have no visibility into in case something is blowing up, and you might not even know it. So head on to reduce entry.ioforward/ syntax. Again, we've been using this tool for a long time, and it totally rules. Alright.

Topic 2 01:26

Which version of VSCode to use - Insiders or Regular

Scott Tolinski

let's get on on into it. Well, even before we get on into it, Wes, do you wanna share with the audience the little bug that we just found in our

Scott Tolinski

Wes just got lucky the first time. Oh, that's hilarious. Oh, that's so good. Oh, that's good. Yeah. It's so funny that we just got lucky the 1st time, and it we both must have just clicked it at the exact same time to to share our screen. But, yeah, that's that's super funny that because it works. It just you had to trick the system a little bit. Yeah. That's very funny. It's funny that it works. You know? Yeah. I'm sure it's a a limitation around

Scott Tolinski

Yes.

Scott Tolinski

Speaking of that, let's talk about 1st and foremost, big question off the top here with Versus Node, There's 2 versions of Versus Code that you can use, the insider's build that updates very regularly or the regular build that updates not as regular, like once a month. Right? Yeah. And I wanna know. What do you use? Insiders or regular?

Topic 3 03:17

Keyboard shortcuts for navigation and cursor movement

Scott Tolinski

Yeah. You know, I was running regular for a while, and there was something that you had posted very recently about how Svelte pages could be you can change the label format in insiders. API. Yeah. In the moment you posted that, I was like, alright.

Scott Tolinski

I'm going back to insiders. I I was I was really annoyed with it just updating all the time. You Node, I like my updates, but it was updating so frequently. I was like, I can't keep up with this. Yeah. You know what? That that post alone made me reinstall Insiders and run it full time. So I'm currently running Insiders full time, but you never know. I I can change back and forth. And in fact, now that we have, like, syncing with built into Versus Code, which is a a great feature you should turn on, the ability to sync to GitHub.

Scott Tolinski

Yeah. I I just I

Topic 4 05:56

Folder based routing and tab renaming

Scott Tolinski

folder based routing or file based routing. Well, I guess that even, like, really does a a nice job of segueing kinda naturally into the next one that I had here was that conversation led to many other conversations both in even in the the Svelte ambassadors discord, people were talking about your tweet, and then that led to the same discussion about tabs. I've always been someone that had my tabs visible in Versus Node all the time. Never even considered not having tabs visible.

Scott Tolinski

The discussion was why you know, a lot of people were saying I haven't had tabs visible, and it's not a big deal.

Topic 5 06:24

Hiding the tabs view

Scott Tolinski

And now I thought at first, it was like one of those ideas that somebody puts into your brain. You're like, no. Never. Can't you could not do that. I turned tabs off, and here I am. I'm not using tabs, And it's actually kind of sick.

Scott Tolinski

Tabs is in Scott tabs or spaces, but tabs is in the little top tab at the top to see your open file. And you know what I gotta say? After turning tabs off, I don't really think I I miss it. I don't think I miss it. I I have breadcrumbs up top here that show me what file is open. Yeah. That shows me the full path of the file.

Scott Tolinski

I still do split screen.

Scott Tolinski

I don't really need tabs open. And usually, when I'm hunting for files, I'm always doing command p anyways to open up a file. And and that's almost even if I have the tab already open, I'm almost always doing that anyway. So I just turned off tabs once that discussion happened,

Topic 6 08:34

Tips for jumping between files and symbols

Scott Tolinski

of And when you say click through, what are you doing to do that? Just for the hold down command.

Scott Tolinski

Yeah. You don't even notice it. You know? And and just to even show how you might use some of these tips together, because I think these are some major tips for working contextually, right, especially in component based flow. Right? We see on my screen, there's a meta tag. I command click onto the meta tag. It takes me right to that component.

Scott Tolinski

And then from there, like you said, you could do control ESLint minus or just control minus to go back, and that control minus takes me right back to where I was. So Yeah. You can command click, control minus. I wonder if there's a shortcut for going into the currently, like, cursor component. I'm sure there is with the keyboard. What is what is command click?

Scott Tolinski

I I don't use a mouse. So I I have to figure out another way to do that, whether it's like a gesture or my my, maybe that'd be fun to do a little gesture on there from one of my techs. F keys on on your keyboard? No. No. I'm saying to to remap them to a mouse clicker is what I'm saying. Oh, I see. I see. Yeah. Like, what what mouse are you using? Oh, you don't use a mouse? I use the trackpad. Yeah. I love the trackpad. Big trackpad fan.

Scott Tolinski

Yeah. I'd be interested.

Topic 7 12:43

Neovim vs VSCode capabilities

Scott Tolinski

Cool. That those are some really key tips. I I think those are some really pro tips because the one thing that I think that separates new developers from, like, really experienced developers is being able to jump around their editor. And that's one of the reasons why I think people really like things like Neovim or or some of these other ones. They they just get, like, the keyboard finger control to be able to go through their application and jump to words or jump to lines or duplicate or those types of things that are just effortless.

Scott Tolinski

And and that's actually one of the things that I find a little bit annoying around the conversation about, you know, Neovim or Versus Code. It's like, man, you can do a lot of the stuff in in Versus Code without without sweat. You know? It's not like, Neovim is the only platform that can do many of the things it does.

Scott Tolinski

There's even event mode in in Versus Node. So I don't know. Neovim people come at me if I'm saying something stupid, but, you know, I I find that you can you can get around files just as fast.

Scott Tolinski

Yeah. You can do most of the stuff you you need to do this way.

Topic 8 16:27

Duplicating and incrementing lines

Scott Tolinski

Yeah. Just getting it the general keyboard familiarity with your editor cannot be understated as a hack here. And I know that's definitely, like, a thing where if you're used to using your mouse, it feels like it's a little tedious to get used to. But there's almost kind there's so many, like, little keyboard things I use every day. Like, you can hold the option key to move a line up or down. Right? I do that all the time. Maybe I Me too. Maybe I misplay something, or maybe I'm just moving components around. I'm holding the option. I'm hitting the up and down key. Or maybe I have a line that I need to now duplicate.

Scott Tolinski

You shift option up or down, and now you just duplicate that. And you can create several of those. So, like, those kind of shortcuts for me are things That's a nice one. Yeah. I use those all the time, and there's so many little things like that that you really only like, once you get them in your muscle memory, you can manipulate the text to your fullest extent without having to copy and paste all the time.

Scott Tolinski

Yeah. And it helps because after you duplicate it, you can release the shift key and keep the option key held down and then move the one you just created.

Scott Tolinski

Oh, yeah. Isn't that like that's like you're holding your key down. You have to click exactly where you want the cursor, and then you click it in the wrong spot. Like Yeah. Oh, you're you're you're toast. You gotta start again. I think you could remove it.

Scott Tolinski

Who knows if you actually can remove it? Yeah. You know? That's one one of those things that doesn't actually work the way you want it to ever. Yeah. It's too frustrating.

Topic 9 19:07

Activity bar and sidebar preferences

Scott Tolinski

Yeah. Let's talk about some more interface stuff beyond you know, obviously, keyboard shortcuts. We could go all day on that, and maybe that's worth an episode of its own. But let's talk about inter inter interface stuff. Sidebars, you can now have multiple sidebars in Versus Code. You can have 1 on the left or the right. What are you doing for your sidebars?

Scott Tolinski

Yeah. And I I'm mostly the same way. That's, being able to, like, be able to control your sidebars and know what's open, when, or, like, how to open, let's say, version control, command shift x, or command shift Wes x's extensions. I'm sorry. Not version control. For me, I changed my version control to hyper g for git. You know? That's my mnemonic.

Topic 10 20:32

File explorer preferences

Scott Tolinski

You can change these things, by the way. That's a that's a whole thing. You can change the extensions to to make more sense. I forget what the version control Node actually was because it didn't make sense to me. But command Command e Command shift g.

Scott Tolinski

Yeah. Command shift g. I don't know. I do command shift e for my files. I do keep my files on the left here. I do frequently hide it. Command b hides that. I keep my searching on the right. So searching on the right, files on the the left, and I'm almost always turning those off and on for me and keeping it just as the text file whenever I'm working.

Topic 11 22:21

Version control preferences

Scott Tolinski

opinionated about either of them, but it's kinda nice. It just ends up being the way that you end up working. Right? Is the way that you get used to it. I do use the the version control panel now more than I do the command line for me.

Scott Tolinski

I use it almost a 100% of the time just because I have, like, little things like commit and sync. So, you know, I all I have to do to commit something and have it push up to whatever branch I'm working on JS I just type the name of the commit message, then I do command enter, and that commits it and then pushes it up automatically. So it's, like, very, very fast to do that for me. I I don't have to run multiple commands to get something to go into the origin where I I just need it to go. I'm always I you know, git push origin main or git push origin branch name or just git push origin whatever, like, just gets old every time. So Totally. Being able to commit and sync is is really good. Commit and sync is good too because it will pull down changes that you've done if we're working in the same branch, not just Yeah.

Scott Tolinski

Push up.

Scott Tolinski

You can customize that to be commit and push as well if you just want commit and push.

Topic 12 23:39

Benefits of GUI panels over terminal commands

Scott Tolinski

what they do. So big fan. And not only just the not being texting, I don't have to configure it to get this functionality. It came out of the box this way. Yeah. And I I got a job, man. My my job can't be my text editor. I'm sorry.

Scott Tolinski

Sticky headers.

Topic 13 25:30

Using sticky headers

Scott Tolinski

I also use the the sticky here, the sticky headers. And like you said, it's really handy for HTML.

Scott Tolinski

I I find it to be really handy for nested CSS as well. It works there too. Anything that you might lose contact context with because you're several indentation layers deep, Really just a a nice and easy setting.

Topic 14 26:15

Hover types with sticky headers

Scott Tolinski

Well, you can, and that's what they'll tell you.

Scott Tolinski

Activity bar. What is the activity bar? I always get those confused. Which one is the activity bar? Yeah. The activity bar is

Topic 15 27:36

Memorizing panel shortcuts

Scott Tolinski

big fan of that. I I just don't yeah. I think the thing is is just memorize the the shortcuts you need for the panels that you have open the most, and that's it. I I hid that thing, like, day 1, and I've forgotten about it. Oh, yeah. To me, like, when I see that open, it's usually people who haven't memorized the panels or need to click on it to see what it is. But I think it's worth your time to memorize those because, you know, I do. I close and open those

Scott Tolinski

to hunt around and see what features are there. I'll tell you what I do for that. I do the command shift p and then just start typing.

Scott Tolinski

That's a thing. If you do command shift p, these are commands for the editor itself or functionality within the editor. I'll even do Git commands in here. I'll delete a file I'm working on. Let's say I started working on a file and I'm abandoning it. You can just delete it straight from here.

Scott Tolinski

Yeah. I I think I use end up using that if it's something, like, fuzzy for me. Like, I'm not quite positive what it is. Yeah. I just like like, try try open up,

Topic 16 28:55

Using command palette to open panels

Scott Tolinski

Oh, yeah. So GitLens you were talking about GitLens, or you wanna do version control?

Scott Tolinski

But I I I guess you're right. You I mean, you could also just memorize that extension or set it to something that you could memorize.

Scott Tolinski

Yeah. I think the thing is here is that we all probably have, like, weird quirks in how we use our text editor that are not optimized. It's very funny, like, the the kind of language that people use when either you're not optimized with your text editor in certain ways or, like, it's so funny. CJ CJ did some videos and, like, the comments on it are really funny sometimes. Like, people will say, he used Node. Opinion disregarded.

Topic 17 30:14

Personalized setup quirks and optimization

Scott Tolinski

Like, I guess, like, what he just edited a file really quick. He can't use nano. Like, he doesn't have not everything has to be whatever you use, you know, or how you do it. So, just keep that in mind. It's all personalized. It's your thing. It's like setting your your car seat in the position you want your car seat to be in. It's it's up to you. Let's talk about, like, what we in general show or hide. I've mentioned that I show and hide tabs. I show and hide the activity bar. But I also hide the search bar at the top. And I pretty much I hide the mini map typically.

Topic 18 30:43

Hiding UI elements

Scott Tolinski

So you can see mine is pretty bare bones. I do show breadcrumbs because I like that path.

Scott Tolinski

And you'll even notice that mine in particular now granted I'm zoomed in here, so it it doesn't typically look this large if you're wondering that, you know, do I have eyesight problems? I'm typically at about like this as far as zoom level goes. But in general, I hide most things, and then I go a step further using an extension we'll talk about later to hide even more stuff. So I I'm definitely a minimalist type when it comes to hiding things in here despite the fact that there's, like, a 1,000,000,000 things in this bottom bar below.

Topic 19 31:25

Minimap preferences

Scott Tolinski

Are you saying you stripped down for your hot tips? I stripped down for my hot tips. Yep. Yep. Tune in, folks.

Topic 20 32:38

Gutter size customization

Scott Tolinski

or line breaks and things like that. Yeah. I wouldn't mind making it smaller. I think you can do that with Yeah. Some extensions.

Topic 21 32:46

Correctly renaming variables

Scott Tolinski

Or maybe it's being used across multiple files.

Topic 22 34:10

Using rename symbol instead of text selection

Scott Tolinski

a highly used thing for me. Anytime I'm renaming anything, it's almost always via that way. Unless, of course, it's just like a string that's used somewhere in one place. You know? Just real quick. Yeah. Variable or function. Yeah. Absolutely.

Scott Tolinski

Let's talk about some extensions that we like and use.

Topic 23 34:33

Previewing renames

Scott Tolinski

We're gonna go through just Node all of them because, you know, there's a ton of extensions that I use that are probably not that interesting. But, Wes, you have text pastry here? I've never heard of that one. Man, this one's the best. So let's say you have some HTML,

Topic 24 36:32

Emmet and incrementing multiple lines

Scott Tolinski

You know, one that we've both talked about using a lot is better comments.

Scott Tolinski

Better comments is something that, you know, I I just I I like comments. I like my visual of anything.

Scott Tolinski

But even, like, I I do use to dos. I know some people think to dos are not great. But I use to do. And this thing recognizes when you write to do colon in all caps that it turns it a different color. Or if you have an exclamation point, it turns it red.

Scott Tolinski

Or just if you're writing maybe params for JS doc, it includes those as being their own color. So for me, I definitely really like better comments. And this is one that I I've turned on a long time ago. It has 6 and a half 1000000 downloads, and I have not turned it off. I do see one called even better comments, but I don't even know what could even be better here. So

Topic 25 37:31

Better Comments extension

Scott Tolinski

Yeah. That's that's neat. Auto rename tag is Node that we both use.

Topic 26 39:02

Auto Rename Tag extension

Scott Tolinski

Auto rename tag allows you Wes you're you're working in HTML. It's wild. There's a lot of things to scroll before you get to see it here. Okay. When when you're changing a tag name in HTML, it changes the starting and ending tag, which is something that we're working in HTML.

Scott Tolinski

That's, you know, that's just how it is all the time whether it's Svelte or React or whatever. This works in all of that. So, you know, no no issues there. So you can just straight up open let's say here, I have a main tag. If I wanna change this main tag to a div, I just change it to a div, and it changes both the the start and the stop.

Topic 27 39:41

Updating start and end tags automatically

Scott Tolinski

I use Node called the change case. So if I have some text highlighted here, you can see, like, this is a kebab case right now. You can do change, and you can have it be camel case, or you can change it to snake case. Oh, yeah.

Scott Tolinski

And that just changes it quick and easy. You don't have to do it manually, which is something I feel like a lot of people probably do. You can even just type kebab or whatever. Yeah.

Topic 28 40:30

Permute Lines extension

Scott Tolinski

There we go. Yeah. I look at an extension called file utils, which Yes. You know what's funny that, like, the the file when you're in the the sidebar here and you click on a file, I know there's there's commands too for file details.

Topic 29 41:37

File Utils extension

Scott Tolinski

But, like, there's so many things that are not here that you'd expect to be here. And Yeah. To the point where I I don't even know what the defaults are, I just remember that, like, oh, JS it, like, duplicate wasn't there or something? So now it just expands the the options that you have with various files. And I don't know if that's what does allows me to delete yeah. It is. So if I look at file utils, delete, I can delete the current file I have open. I use that somewhat frequently. If I'm just hacking on something and maybe perhaps I'm abandoning it, or changing directions, I'll delete it. I use that so much. It's it's wild to me that you can't delete a file without installing this. You have to go into the sidebar and and hunt with it with your mouse. I know you can use your keyboard shortcuts as well, but

Topic 30 43:19

Sort JSON Objects extension

Scott Tolinski

Use this all the time. Another one I use is sort JSON objects, allowing you to sort a JSON object by various ways, like alphabetically or things like that. That's something I like to have because it's like, hey. If I if I have, like, let's say, a schema and it is alphabetical and then I'm then working on it in my my code base, I kinda want that all to be in the same order just JS, like, a, I don't know. Yeah. That an OCD type of thing, I guess, I suppose. And and, you know, being able to sort Scott a JSON object can be really nice sometimes.

Topic 31 43:50

SQLite Viewer extension

Scott Tolinski

And I like this one because it is lightweight. It's not like a full on editor. It's just a viewer. And, again, I'm you could rename this one, did that add to my database? Because that is what I'm using it for. Did my my query succeeded? Okay. Did it actually add to the database? Check it. Alright. It did. Code spell checker is Node that we use to give us actual spell checking. It's super annoying because it finds a lot of I mean, it finds legitimately misspelled words for me all the time, which is great. I have spelling issues. I'm dyslexic. All kinds of things. Right? So for me, yeah, I gotta have this type of thing. In the same regard, it, like, never finds my last Node, so I have to add it to my dictionary or, like, what? We work in code and there's so many fake words in what we're doing that aren't in the dictionary. So I feel like I'm constantly adding fake words to this thing or code words to this thing. And it can get annoying. But hey. You know, the longer you work with, the bigger your dictionaries end up. Then, yeah, you just you just take those from computer to computer. You never you know?

Topic 32 45:11

Code Spell Checker extension and dictionary

Scott Tolinski

Maybe that's a a good thing to talk into.

Scott Tolinski

Yeah. Last 1 here is APC, which this JS, to me, a really cool extension for those of you who like to tinker. And it's definitely a tinkerer's delight.

Scott Tolinski

It it basically gives you ability to customize things that you cannot customize typically.

Topic 33 45:53

AP Customizable UI extension

Scott Tolinski

And you can even write CSS to customize things within the electron application of Versus Code because Versus Code is an electron app. So you can you can do things from you'll notice I have all kinds of things hidden and maybe perhaps my file explorer JS much more barren than a lot of people's.

Scott Tolinski

Or you'll notice that I've changed the font here. I've been able to change the label fonts for things. And that's all being done through APC, which is again, it's a really cool extension.

Scott Tolinski

APC customized UI plus plus.

Scott Tolinski

And when you install this thing, it can feel a little overwhelming. And I've mostly gotten some of my config from other people's configs. But you can do things like hide the title bar. You'll see I don't have a title bar. It doesn't say Visual Studio Code up top here.

Scott Tolinski

You can you can tweak endless amounts of things. APC font Sanity. I'll show you mine in just a second here. You can choose the font family based on each individual pane. You can select, all kinds of things. You can load custom CSS.

Scott Tolinski

And let me show you mine here so I can you can get an idea about some of the stuff I'm doing. So one thing I did is I set the APC header to height 36.

Scott Tolinski

For the APC Electron, I have the title bar hidden and have it inset. I've then moved to the traffic bar or the traffic lights up top here so that way they actually go to the top left.

Scott Tolinski

Inside of my style sheet, which is stuff I'm doing with CSS, I'm hiding the title label h two. I'm hiding the title actions, the editor actions.

Scott Tolinski

Yeah. I'm choosing my font family, which is the same font that I have, m d I o.

Scott Tolinski

Just all kinds of little things here and there, and I think that's it. Just to just to give it a little bit more. A little tweak. A little tweak. Yeah. Just give it a little bit more mind. Hide things that you can't normally hide and and all that stuff. So APC, for those of you who like really even more customization, it's, super cool.

Topic 34 49:12

Cobalt theme preference

Scott Tolinski

Just makes it look more cohesive. It is totally cosmetic and pointless, but it just it's nice. It's not pointless. Looks good.

Scott Tolinski

Yeah. Theme, I'm using the Syntax FM theme. It is hardly been downloaded. We don't tell anybody about it. I made it a little while ago, and, you know, I slowly tweak it here and there. In fact, I'm even working on a new version that JS gonna be a little bit less straight black. So you'll see it has really low download numbers. We don't talk about it. So if you wanna use the same theme that I'm using, it's the syntax f m theme. I also have a level up tutorials theme on here too that I I really like to use for a long time. But I am I am making a new theme that I'm calling syntax Sanity, which is a little bit less high contrast. It's a little bit, you know, not like 0 blacks. I know that can irk some people. Yeah. Oh, I like the full black.

Topic 35 51:01

Operator Mono font preference

Scott Tolinski

Yeah. You know what? I'll show you the, let's see. How do I do? Theme, color theme, level up. Yeah. So this is the level up I think this is a really gorgeous theme myself. Yeah. I like that. Yeah. It it's it's a level up tutorials colors. I do have a syntax level up tutorials one that's like a hybrid of both our brand colors, and then I have a light level up tutorials one and then, like, a crazy one that I call syntax cyber that I never finished. But, yeah, I am maybe new. I should just use this one. It's a gorgeous theme. Yeah. I am working on, like I said, the Sanity one, which is gonna be a little bit, like, more yellows, a little bit more, I don't know, less reds and stuff that the syntax one currently is. Font, I'm using MDIO, which is the brand font we use for syntax.

Scott Tolinski

It's a monospace font with ligatures and all that good stuff. So the ligatures in MDIO are a little bit different where, like, you don't have necessarily the same type of ligatures. They they adjust, but they're Scott, like, they're not combining characters in the same way. They're taking up less space. They're doing or they're they're they're they're adjusting without, you know, making, let's say, the arrows indistinguishable from a normal arrow.

Topic 36 51:55

MDIO font for coding

Scott Tolinski

always good to to try something new, and there's so many cool coding fonts out there in the last 3 or 4 years. Yeah. There's so many. And Node even just, like, not even coding fonts, just monospace fonts in general that you can use and and look good.

Scott Tolinski

I have some last minute tricks here.

Scott Tolinski

These are these are things that one of them is definitely a Chrome extension, but it's it's called wrap console log simple. And I have it set up to be command l. So if you have any anything selected, you can customize this. But if you have anything selected, I do command l, and then all it does is insert a a console log below with a label of what the variable name is, comma, the variable.

Topic 37 53:08

Wrap Console Log extension

Scott Tolinski

I use this a 100 times a day if I'm logging anything out.

Scott Tolinski

Anytime I'm logging anything out, just whatever my cursor's on command pnpm. And and my muscle memory is so baked in to do that. It it really super good. Another Node is split and move is a keyboard shortcut I have set up. Typically, when you split a window, what it does is it duplicates that window and has it open then twice. So let's say in a typical way that I might split, let's say, this file.

Scott Tolinski

If I were to do that, I don't know if it I don't know what the shortcut even is for that. What it would typically do is open that file twice. I don't want why would you ever want that? So I have mine set to be hyper Wes, and what it does and this is the setting that's the setting itself is move editor into next group. That's the setting. And you'll do hyper s, and you can see what it does is it splits it and then moves it into the next group in 1 fell swoop. That way, I have whatever the other files open here. So let's say, again, I'm working on multiple files. I'll just split it. It moves it open. Next thing you know, I have 2 columns open with 2 different files. Way faster to me.

Topic 38 54:38

Using Search Editor

Scott Tolinski

Yeah. One last thing. I did a TikTok on this. I did a video or whatever. Turn off import cost. Import cost is a plug in that so many people have installed.

Topic 39 56:02

Import Cost extension slowing things down

Scott Tolinski

It JS, like, you know, on a 1000000000 YouTube videos, they're like, here are all the plug ins you need to install, import cost. It has 6 0.3 or 3,600,000 downloads.

Scott Tolinski

Do not install this. Uninstall this. This thing besides, you know, the functionality is iffy whether you even need it or Scott, you should probably be able to check to see, what the size of the, packages you're installing. It shows you the size of your packages next to the import is what it does. This thing is number 1 culprit for slowing down your Versus Code. I I went into, like, profiling my extensions, and I found this thing is wildly, resource intensive.

Scott Tolinski

So if you don't need it, which I gotta say you probably don't, really get rid of it. I I find it's it sped up my editor and increased my battery life like crazy, which is wild because I'm using in, you know, an M1 MacBook Pro or whatever.

Scott Tolinski

Is this thing was still slowing me down. So, yeah, get rid of it. That's wild.

Scott Tolinski

I I ran there's, like, a thing you can see, like, the process time or something within extensions. I forget it is. I googled it at at that moment and found that that was the number Node culprit. So I I found it through seeing what was taking up the most usage.

Topic 40 57:43

AI coding tools

Scott Tolinski

Yep. Cool.

Scott Tolinski

You know what? I I think we can save the AI stuff. We've had a lot of episodes Yeah. On Copilot and Codium. Those are both great options. We had Node folks on the show. It it was really cool. I use that one all the time. Last thing I do wanna say because I know we're gonna get comments about this is Zed is a new Rust based editor. It's only Mac right now. People might be wondering what our thoughts are on Zed. I know, Wes, you haven't really dove into it. This is Zed. I,

Scott Tolinski

They do now, which JS, a new Bos. And in fact, that's one of the reasons why I started using it since very recently.

Scott Tolinski

In fact, what you're looking at is the syntax Sanity theme that I had mentioned that I'm working on. This is syntax tasty inside of Zed, which check it out. I think this is a pretty cool looking theme. And this is a little bit more yellow. There's some there's some colors I wanna change on it still, but this is the the, tasty theme. And it is in zed, and it's it's custom.

Scott Tolinski

And, yeah, that's it right now. But I I think for me, I started using it once it added Svelte support.

Topic 41 58:58

Trying out Zed editor

Scott Tolinski

Yeah. They're still working on Emmet support, which is coming. So those are, like, the big things for me. And you know what I gotta say? It it it's good. You know? There there's some things that I I miss from my Versus Node setup, and I'll continue to use both of them. I'm much faster and better with Versus Code. But, you know, there's a lot of nice things about Zed too, and maybe we can do an episode in the future diving into Zed setups once we have a little bit more further along. You know, it is Mac only right now. And I Everything good is.

Scott Tolinski

Yeah.

Scott Tolinski

Who cares? It's supposed to be a collaborative But people often wonder why you use that. It's like a very collaborative editor. They have, like, multiplayer baked in, and it's supposed to be fast. I mean, those are the the 2 big things. And,

Scott Tolinski

Yeah. Yeah. It's it's nice. It's pretty. Works well.

Scott Tolinski

Let's get into sick pics and shameless plugs here. I think that's enough for Versus Node stuff for today.

Scott Tolinski

Let us know. Leave a comment if you're on YouTube. We love comments on the YouTube channel. It's the best way to get a hold of us or to to share with us. If there's extensions that you're using, that you really like that maybe we missed that we haven't thought of, let us know what you're using. We wanna hear about it. So sick picks. I'm gonna sick pick a light bulb, which, if you if you've been in the light bulb game at all, you'll know that, you know, LED bulbs occasionally have weird issues with dimming flicker rates or refresh rates or anything like that. I watched a bunch of light bulb YouTube and found the Philips Ultra Definition flicker free bulbs to be the best. And let me tell you, they're not, like, crazy expensive or anything. They're just they're not smart bulbs. They're just LED bulbs.

Scott Tolinski

These are the only bulbs I'm buying. I have a lot of LED dimmers in my house and stuff, and, you know, they they can get a little obnoxious and there there's no and there's no flicker. They work really well. So these are the only bulbs I'm buying from now on. So the Ultra Definition Phillips bulbs.

Scott Tolinski

I like my dimming things. My house to look like a cave at 7 and 8 PM, and, my wife hates that. She she'll well, she'll come in and turn the lights on full blast. I'll be like, you know what? I'm I'm trying to turn my my internal levels down here. I'm trying to, like, really wind down. Let's just, like, make it look like a a dark cave. Oh, we have that in the morning. I my wife, like, sits in the dark with, like, 1 lamp on, and then I just come in. I'm just like,

Scott Tolinski

I have a hole. I'm not sure if you can see it or not. To be clear, they're not act they're not they're not shoe Bos. Like, you buy your shoes in a cardboard Bos, they are plastic Yes. Boxes. Yeah. Plastic

Scott Tolinski

How how likely is it that they actually put them in the the right color container when they're Deno, and how good are they at doing that? Because my son just well, Legos everywhere. Like, Legos everywhere, and and getting him to pick it, you would say, alright. Now it's time to pick up your Legos. He goes, oh, but it's so much. And you're like, yeah. I know. But we got them out. You know? Yeah. We're we're only about 2 weeks in, and so Yarn, it's going good. I gave them all $3

Scott Tolinski

easy easy to get at. Nice. Cool. Well, shameless plugs. Head on over to syntax.fm.

Scott Tolinski

Sign up for the newsletter.

Scott Tolinski

Sign up to our YouTube channel. We are

Share

Play / pause the audio
Minimize / expand the player
Mute / unmute the audio
Seek backward 30 seconds
Seek forward 30 seconds
Increase playback rate
Decrease playback rate
Show / hide this window