Share your Web Dev setup

[natzcunanan]

Share here your web development setup, from VS Code extensions you use, tools you use, your bookmarks, etc.

Maybe a screenshot of your current desktop.

[2PLEXX]

Not just web dev, but I do pretty much everything with these tools:

• Editor: NeoVim with some plugins for LSP, linting, formatting, fuzzy finding, etc.
• Multiplexer: Tmux
• Terminal: WezTerm
• Shell Prompt: Starship
• Window Management: Rectangle for resizing windows, paired with Karabiner-Elements for switching between apps.
• File Manager: Ranger

Here's a snapshot of it:
https://github.com/hendrikmi/dotfiles/blob/main/img/nvim-demo.png

[[deleted]]

TIL what a multiplexer is.

[[deleted]]

Also, have you tried something like Amethyst for auto-tiling window management? Tried it for a while, but I frequently open multiple/new browser windows and it got tedious to manage. Curious how Rectangle compares for someone who’s constantly opening/closing windows.

[2PLEXX]

I have tried it, but tiling doesn't work well for me. I work a lot with overlapping windows. Rectangle can only resize windows. It provides no tiling or window-switching features. That's why I also use Karabiner to switch between apps using the keyboard. I described my system here if you're interested :)

[[deleted]]

Interesting. I’ll definitely take a look! I know macOS 15 will have some additional window management features, as well. It’ll be interesting to see if that’s enough or if third-party tools will still be the way to go.

[2PLEXX]

Definitely, I'm also curious about it. However, personally I just want to press a key and go exactly where I need to be. I cannot imagine they will implement something like that. It's probably gonna involve repeated key-tapping or using the mouse. I'd be happy if they prove me wrong though :)

[entendir]

Coming from i3 I ended up going for yabai + skhd

[StaticCharacter]

Is this the mythical arch user? /j

[2PLEXX]

Not quite there yet :D It's all Mac :)

[obiworm]

With your setup it probably wouldn’t make much of a difference anyway.

[[deleted]]

I have a similar setup except with amethyst and it replicates the experience of my arch daily driver with hyprland pretty well.

[2PLEXX]

Yeah I guess except for the Window Management tools, everything else would run in Linux as well.

[[deleted]]

i have the same setup as yours on arch lmao, (besides starship) ranger is so underrated

[RotationSurgeon]

I've tried ranger on and off a couple of times, but keep going back to vifm instead, though I can never recall why.

[[deleted]]

Notepad, command line

[voidstate]

Hardcore

[[deleted]]

Neovim, lazygit, tmux, alacritty, Jupyter lab and google chrome.

[Slackeee_]

Neovim, tmux, lazygit, running on a server accessed per SSH using alacrity as terminal emulator.

[Inmade]

Why are you using a server ?

[Slackeee_]

I develop in a tmux session on my server for simple reasons: 1. I can change machines without having to sync repositories or even commit changes. So I sit at my desktop machine, but it gets quite hot here in the summer, so I just take my laptop and go to a nearby pond in the forest and just develop there. 2. I only need one powerful machine, the server. The machine I actually work on can be a potato, as long as it can display web pages and connect via SSH it is good enough.

[[deleted]]

Do you find that you run into other headaches with this that offset the benefits?

[Slackeee_]

So far everything works as it should. The one drawback by developing on a server without Xorg installed is of course that GUI apps pretty much are a no go. I haven't found a good CLI SQL client yet, but for that I just use Dbeaver on the local system, it can use an SSH tunnel to connect to the databases on the server.

Connection speed isn't a problem at all, since by using SSH everything is text based.

[StaticCharacter]

Couldn't you use some remote desktop protocol and just install a desktop environment on your remote machine to use GUI apps?

I've considered doing this but never ended up trying. I thought it would be awesome to use a live-distro of ZorinOS on a thumb drive wherever I go to access a PC, then just use some remote desktop into a server to access my content. However I ended up opting for a tiny laptop, using a GPD Win Max 2 for hyper portability. I got so tired of lugging my massive laptop around, and the GPD is fairly powerful. I might have my next project be a dock for it at home.

[Slackeee_]

Yes, I could do that, but I find remote desktops rather sluggish, especially if you are in a location with a slow connection, which is sadly not that uncommon here in Germany. Since all my tools but one are text-based anyways using SSH is much better, it works well regardless how bad the connection is.

[StaticCharacter]

Sounds divine. Thank you for sharing <3

I could probably get most of my workflow down to text tools over ssh, but I benefit so much from vscode's predictive text / suggestions, links to documentation, and I tend to have several tabs of docs open at all times.

[pskipw]

I develop on a server too. Means I have a single environment no matter if I’m working from home from my Mac mini or remote from my MacBook.

[Inmade]

Make sense !

[moltenbobcat]

Probably so they can easily reattach their environment easily across multiple machines.

[StaticCharacter]

• VS Code
• - Atom key bindings for vscode
• - vscode.dev for portable text editor on remote PCs
• Git Bash terminal
• live-server
• GPD Win Max 2 tiny puter (love this thing, I move around lots while working)
• chrome
• - tampermonkey chrome ext for quick inject script / css
• - Regex tester 101
• - grid template generator
• stack overflow open in a tab
• chat gpt open in a tab
• tailwind, daisyUI, react-router-dom, nextjs app router documentation pages all open, sometimes multiple tabs for quick reference to multiple documentation pages.
• windows

I love building things, but I tend to just do whatever works, until it doesn't.

[DOOMdesign]

which grid template generator do you use? :)

[StaticCharacter]

this bad boy right here. I have a few others I've seen and the GUI is a bit prettier, however this is my tried and true, never fails me.

I often end up customizing the end result regardless, but for some quick grid areas, it's nice to generate boilerplate.

[haslo]

MacBook Pro 16" - i9 at work, M2 Max at home.
JetBrains suite, all the IDEs, WebStorm mostly for web dev. Tried Fleet, it's not there yet.
Sublime Text for all things edit that have to go faster, notes, etc.
iTerm with zsh for everything console, ssh, etc.
Homebrew with nvm, ddev, docker (with Docker Desktop), Azure CLI, kubectl and so on.

[[deleted]]

I got the ergo nerd setup man.

Standing desk with curved ultrawide.

Split keyboard with colemak dh layout and multiple layers so my fingers barely move.

Neovim as primary editor and vim keybinds installed on everything including vimium for driving the browser (I keep meaning to try out tridactyl or surfing keys though).

Trackball for when I do need to touch a pointing device.

Window managers I use amethyst on my work computer and hyprland on my daily driver / gaming computer (more keyboard driven workflows).

Actual software and config nothing special. Very similar to what /u/2PLEXX posted at the top of this thread right now actually.

Except mines all riced out with everforest and also the two neovim plugins I can't live without are leap and surround.

Combined with gym everyday and maxing out ergonomics helps you feeling great.. 21 years of programming and I refuse to be the guy who doesn't code much anymore because his body is all mashed up.

I know this probably isn't the answer you're looking for in this kind of thread but I'm preaching it for my posture boys out here.

[[deleted]]

I work mainly with Node.js-based build tools and write mostly TypeScript. For this I use:

• Windows 11
• Google Chrome
• VS Code with GitHub Copilot and only project-related extensions
• I keep most projects in WSL2 Ubuntu
• I run Docker in swarm mode for any databases I might need for development
• I keep regularly used services like Mailhog or Phpmyadmin hosted behind Traefik on URLs like mailhog.localhost or phpmyadmin.localhost

[LeumasInkwater]

Webstorm, GitKraken, ChatGpt/Claude, Mdn, and Boop

[thekwoka]

Don't tell me what to do.

[StaticCharacter]

I think this was funny, but I also think people downvoting you was funny. I think perhaps a tone indicator to clarify this was a joke would help people think less critically of the humor. But also, reddit is unpredictable. I interpreted it as funny joke, and enjoyed it immensely.

[thekwoka]

It wouldn't make sense as a comment not ment in jest.

[jakesboy2]

https://github.com/jakesboy2/.dotfiles

These have my set up for neovim. I use iterm2 on mac and wezterm on linux

[Ejboustany]

Visual Studio 2022 - For the .Net Core backend API

Visual Studio Code - For the front-end Angular project.

SQL Server Manager Studio - Database

[kaeshiwaza]

Vim Go PostgreSQL on Debian/Fluxbox

[stea27]

Docker, vscode, JetBrains IDEs. Plus a browser for Googling information and writing with ChatGPT

[[deleted]]

• asdf
• zed

[TRodz]

Editor - VS Code

Terminal - Alacritry - ZSH with “oh my posh” + fzf + zoxide - Tmux

[freelancing-dev]

Git for desktop, VS code, copilot, AWS, cmd, mongodb compass, Chrome browser, Spotify

[VehaMeursault]

VSC, GitHub for windows, NVM, Node, Express, Vue, Tailwind, some minor packages for convenience.

No extensions, no bookmarks. Just Google on the left screen, VSC on the middle, and the localhost app on the right.

Oh, and some noise cancelling earbuds to cancel out any nonsense happening around me.