Web Development

3454 readers

1 users here now

Welcome to the web development community! This is a place to post, discuss, get help about, etc. anything related to web development

What is web development?

Web development is the process of creating websites or web applications

Rules/Guidelines

Follow the programming.dev site rules
Keep content related to web development
If what you're posting relates to one of the related communities, crosspost it into there to help them grow
If youre posting an article older than two years put the year it was made in brackets after the title

Related Communities

Wormhole

[email protected]

Some webdev blogs

Not sure what to post in here? Want some web development related things to read?

Heres a couple blogs that have web development related content

https://frontendfoc.us/ - [RSS]
https://wesbos.com/blog
https://davidwalsh.name/ - [RSS]
https://www.nngroup.com/articles/
https://sia.codes/posts/ - [RSS]
https://www.smashingmagazine.com/ - [RSS]
https://www.bennadel.com/ - [RSS]
https://web.dev/ - [RSS]

Credits

Icon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 2 years ago

MODERATORS

snowe

erlingur

Ategon

What are some awesome VSCode shortcuts most people don’t know about? (self.webdev)

submitted 1 year ago by silas to c/webdev

5 comments fedilink hide all child comments

I like CMD + D to select the next identical selection, OPT + DOWN/UP to move the selections down or up a line, SHIFT + OPT + DOWN/UP to duplicate the selection, and CMD + / to turn the line into a comment. How bout you?

you are viewing a single comment's thread
view the rest of the comments

[–] nickel 2 points 1 year ago* (last edited 1 year ago)

A few shortcuts that I use a lot are really basic, but very powerful. Frankly, I'm always surprised when I'm pairing with a co-worker and they don't know about them.

Cmd+p to open the fuzzy file finder search. This is a huge one and I'm shocked when I see people hunting through the file explorer to find the file they are looking for.

Cmd+shift+f to open the fuzzy workspace text search. Basically grep your workspace for code.

F1 or Cmd+p+> - Action menu. So many good actions in here from running formatters, to toggling light/dark mode, reload window, etc.

Ctrl+r (mac) - Fuzzy search for recently opened projects/files. Hitting Enter opens it in same window or Cmd+Enter opens in new window. I use this sooo much and most people don't know about it.

Cmd+n to open a new vscode window. Although I rarely use this as I almost always just use Ctrl+r.

VSCode has great fuzzy search and if you use it, it lets you move around your code and codebases so much faster.

Installing CLI tools so when in the terminal, you can run code <path> to open vscode at that working directory.

Can't remember the last time I used File->Open to open a new project window.

Cmd+b to open/close the left drawer

Cmd+shift+e to open the file explorer.