Discuss Scratch

Jeffalo
Scratcher
1000+ posts

lived - vscode extension for static sites

hello everyone!

like pretty much everyone, i use vscode, a lot. i use it for everything i code, and it's the best code editor out there.

anyways i decided to make my own vscode extension inspired by ritwickdey's live server. the reasons i did this were as follows:

- i wanted to easily manage multiple local webdev servers
- opening a file in a browser has lots of lame security stuff so running a http server helps with that
- i wanted to learn how a vscode extention is built

i called it lived.

it doesn't have stuff like automatic reload and all that, but im proud of what it has so far.

i can easily start a live server:



then once i start one, i can stop it and click to go to the page



it also opens web browsers automatically!



it lets me choose the port, a name for the list and other stuff.

what i learned from this experience:

i probably should have built it in typescript, im not a fan of typescript but all the documentation examples were in typescript, i had to compile them and then see what the javascript looked like.

vscode extensions don't have a review process, you can just click a button and for free its up for the world to see.

if you want to install my extention its called jeffalo.lived and its open source on github

if you decide to check it out, please give some feedback on what you want to see

Last edited by Jeffalo (Dec. 31, 2020 17:24:19)

Jeffalo
Scratcher
1000+ posts

lived - vscode extension for static sites

i added live reloading!!
Ihatr
Scratcher
1000+ posts

lived - vscode extension for static sites

cool!

ninjaMAR
Scratcher
1000+ posts

lived - vscode extension for static sites

cool!
Jeffalo
Scratcher
1000+ posts

lived - vscode extension for static sites

cool!
Maximouse
Scratcher
1000+ posts

lived - vscode extension for static sites

cool!
Jeffalo
Scratcher
1000+ posts

lived - vscode extension for static sites

https://github.com/jeffalo/lived/blob/master/CHANGELOG.md#043

if anyone with vscode on any non-windows file system could test out live reloading that would be great (just save a file while a server is running and you have the page open in a webbrowser that supports websockets)
--Explosion--
Scratcher
1000+ posts

lived - vscode extension for static sites

cool!
god286
Scratcher
1000+ posts

lived - vscode extension for static sites

Jeffalo wrote:

https://github.com/jeffalo/lived/blob/master/CHANGELOG.md#043

if anyone with vscode on any non-windows file system could test out live reloading that would be great (just save a file while a server is running and you have the page open in a webbrowser that supports websockets)
ok I use macOS i'll try but is the extension safe
god286
Scratcher
1000+ posts

lived - vscode extension for static sites

amazing, works perfectly, 10/10 rating, 5 star on tomatometer, automatic reload works!!!!!!!!!


My browser / operating system: MacOS Macintosh X 10.16, Firefox 84.0, No Flash version detected
Jeffalo
Scratcher
1000+ posts

lived - vscode extension for static sites

god286 wrote:

Jeffalo wrote:

https://github.com/jeffalo/lived/blob/master/CHANGELOG.md#043

if anyone with vscode on any non-windows file system could test out live reloading that would be great (just save a file while a server is running and you have the page open in a webbrowser that supports websockets)
ok I use macOS i'll try but is the extension safe
yes

Powered by DjangoBB