Molte volte ci capita di voler provare degli snippet di codice, oppure di voler un ambiente il più leggero possibile in grado di permetterci di testare qualsiasi snippet di codice HTML/CSS/JS?
Ad oggi esistono molti editor online, come PasteBin, JSFiddle, CodePen, ma il loro scopo è più simile a creare ambiente usa-e-getta, in cui regna il timore di poter perdere quello su cui si sta lavorando, magari chiudendo involontariamente il browser.
Dall'altro lato, se volessimo fare qualcosa in locale, il primo pensiero è l'utilizzo di un boilerplate di Express, oppure un plugin di Node intallato globalmente, come http-server. Questi consentono di avere un ambiente pronto in pochissimo tempo, ma peccano in vari punti, tra i quali la necessità di installare ogni volta i node modules e l'assenza di un meccanismo di live reload, che tenga in sincronia il file su cui stiamo lavorando con quanto mostrato dal browser.
Per questi scopi possiamo utilizzare Live Server, disponibile all'indirizzo https://github.com/ritwickdey/vscode-live-server .
Si tratta di un'estensione sviluppata per VS Code, grazie alla quale il nostro unico pensierò sarà "Apri la cartella con Visual Studio Code"
![](https://www.html5italia.com/script/images/311.jpg)
Una volta installato, ci basterà cliccare sull'icona in basso a destra "Go Live!", e verrà creato un web server che distribuirà il nostro codice, ma non solo: il livereload sarà abilitato di default, se andremo a cambiare qualcosa nella pagina, l'interfaccia web si aggiornerà all'istante. Utile anche per chi sviluppa con VS Code in Container, infatti la porta verrà esposta in automatico verso l'esterno.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare il nuovo modello GPT-4o con Azure OpenAI
Miglioramenti agli screen reader e al contrasto in Angular
Creare gruppi di client per Event Grid MQTT
Short-circuiting della Pipeline in ASP.NET Core
Cancellare una run di un workflow di GitHub
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Creare alias per tipi generici e tuple in C#
Creazione di componenti personalizzati in React.js con Tailwind CSS
Utilizzare Azure Cosmos DB con i vettori
Eseguire attività con Azure Container Jobs
Utilizzare Model as a Service su Microsoft Azure
Paginare i risultati con QuickGrid in Blazor