this post was submitted on 22 Jul 2023
4 points (83.3% liked)

A place for everything about web development

672 readers
3 users here now

founded 5 years ago
MODERATORS
antimatroid@lemmy.ml
4
Vanilla JS Coders, what are some killer tools you use? (lemmy.ml)
submitted 1 year ago by erogenouswarzone@lemmy.ml to c/webdev@lemmy.ml
4 comments fedilink hide all child comments
 

I wrote a few simple web apps to speed up production in a few departments at work, and I am loving coding with just Vanilla JS, after years of using React, TS, Vue2, Angular, etc.

But I feel like I have to be missing some tools since Js is older than time.

Here's my workflow:

  1. Code in VSCode (auto-save)
  2. I built an AHK script that automatically switches to Chrome and hard-reloads the page
  3. Web Dev Tools are open in Chrome.
  4. I find errors in Js, HTML, or CSS and alt+tab back to VS to fix it
you are viewing a single comment's thread
view the rest of the comments
[–] navigatron@beehaw.org 2 points 1 year ago

A Typescript LSP will catch a ton of js errors for you, even if you’re not doing ts.

There is a plugin for the browser and the Atom editor called Emmet Livestyle. It’s the only real time preview plugin I have ever found. And I don’t mean reload on save - it would update the loaded page html/css in place with your changes as you typed them. I don’t think it was ported to vscode unfortunately.

I have also fallen in love with the lit-html library.