How To Run JavaScript In VSCode with Node JS (LiveServer localhost)

No video

How To Run JavaScript In VSCode with Node JS (LiveServer localhost)

Рет қаралды 62,537

Күн бұрын

Sign Up 👻👻👉 semicolon.dev/...
(We're free online community, meet other makers!)
Hey guys in this #vscode tutorial I'll show you 3 different ways how to run JavaScript in Visual Studio Code (VS Code) All 3 require that you have Node JS installed on your system. We'll take a look at running js in vscode terminal, using code runner extension and then run JavaScript using Live Server extension at localhost address in your browser with hot reload.
Video Chapters
=============
00:00 How to Run JavaScript in VSCode
00:42 Download and Install NodeJS
01:38 Add Node JS to Environment Variables on Windows 10 or 11
02:46 Find out which NodeJS version you're running on CMD
03:13 Code Runner Extension
03:49 Open JavaScript Project
04:57 Run JS in VSCode Terminal
05:23 Run JS in Code Runner
05:57 Install Live Server
06:17 How to choose browser to run JS in
07:10 Run JavaScrtipt on localhost in vscode using Live Server
07:43 Hot Reload
phrases you might be typing if you're looking for this video
===============================================
vscode run js file
vscode run js
visual studio code run html with javascript
visual studio code run js with node
vs code run javascript without node
how to run javascript using vs code
visual studio code run node js server
vscode run javascript snippets
vscode javascript use preview
visual studio code run javascript program
run javascript on vscode
vs code run javascript in terminal
vs code run node js
run javascript vscode mac
run javascript locally vscode
vscode run js code
vs code how to run javascript
vscode call hierarchy javascript
vscode run html javascript
vscode run javascript in terminal
vscode run javascript test
use vscode for javascript
vscode run node js file
vs code extension to run javascript
vscode extension run javascript
cara run javascript di vscode
visual studio code run and debug javascript
can vscode run javascript
vscode run javascript code
vscode run javascript in browser
javascript program in visual studio code
vscode run node js app
vscode run a js file
vscode run javascript file
can you run javascript in visual studio code
can you use javascript in visual studio
open vscode in visual studio
visual code run javascript file
vscode run javascript inline
vscode run javascript in chrome

Пікірлер: 43

@jimdennis799 2 ай бұрын

Thank you! This was very helpful. I had no idea all the steps required to get Live Server working with JavaScript and node.js.

@forlorn6527 Жыл бұрын

Amazing tutorial short, sweet and straight to the point that live server technique is gonna put me ahead of my class and increase my workflow so much thank you!!!

@GErgun Жыл бұрын

Hey just wanted to thank you for this great work! Every second was worth it and helped me alot. Now i finally wanna code all day long😁

@marakeki 9 ай бұрын

OMFG Thank you so much for this video! Loved the tutorial. Everything was very clear and easy to follow. Please like this video everyone cuz this was absolutely amazing.

@ghosttogether 9 ай бұрын

lol glad it helped..

@1nfeRnaLRaV3n 18 күн бұрын

thanks dude, really helpful video

@otmadeitup Жыл бұрын

Thank you so much sir, been struggling with this for a while now

@softwaretestinglearninghub Жыл бұрын

Great overview as always! Thank you for sharing!

@ghosttogether Жыл бұрын

Thank you. I like your channel as well. Keep going :) Let's see it grow!

@davidowuor6317 5 ай бұрын

Thank you, sir. This has saved my day a lot.

@DanielFigueroa-oq2hx 3 ай бұрын

Thank you so much for this video. This really helped me a lot!!!

@etaferahunansane181 6 күн бұрын

nice video. it is so helpful.

@oreoluwaokeyinka8749 7 ай бұрын

Very Educative ❤ Thanks for sharing 👍

@CoderDev6545 7 ай бұрын

very VERY HELPFUL!

@rushidesai2836 9 ай бұрын

Very helpful, thanks!

@zahraabdul3760 9 ай бұрын

Keep it up it helped alot ❤

@mishaeliseev 3 ай бұрын

Спасибо большое, мне очень помогло !

@fastmiks Жыл бұрын

Thanks dude!

@ThinkTank_840 11 ай бұрын

Thanks , Amazing tutorials

@shootingquarterly Жыл бұрын

Very nice explained, audio needs a bit fixing. Anyway Keep Going!!! I get error with node...node:internal/modules/cjs/loader:1080 throw err; . If you can help on it would be great. i tried searching but no luck, Mac OS here.

@maxman531 Жыл бұрын

Great video! Currently I'm getting ReferenceError: document is not defined whenever I use document.getElementById to add event listeners linked to my HTML. do you know what might be the issue? I dug through stackoverflow and couldn't find anything. Thanks for the tutorial!

@venkateshpentakota6514 Жыл бұрын

I too stuck there ! Help me If you figured it out!

@rishabhranjan5162 Жыл бұрын

same issue

@marie-mary564 4 ай бұрын

Thank you so much..

@H_school_mathematics 5 ай бұрын

Thank you

@ukasha500 10 ай бұрын

thank you soooo much bro❤

@ThienTranQuoc-ku7kf 2 ай бұрын

hi my project in D drive, so how can i add nodejs in it ?

@jaishreeram-xv9cj Жыл бұрын

There was not output there it just showed me 0.356 sec

@mattsaussiedotaleague6097 11 ай бұрын

Thank you :)

@idruiza Жыл бұрын

Very nice.

@alfredprosperselvalie2618 7 ай бұрын

Thanks

@kv7556 Жыл бұрын

The video is great thank you! BUT i get to Json installation and can do that BUT then I go to settings then to extension settings but I do not have the the command setting and dont know what to do can you help me PLEASE :)

@vishalshakya9472 Жыл бұрын

thank you sir

@speedtnt7591 Жыл бұрын

I have a VPS server so how can i run it on that? so it won't be local anymore and has address so anyone can access to it?

@kamillatocha 11 ай бұрын

im getting error Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource so i guess it wont work on localhost

@ghosttogether 11 ай бұрын

It will. This isn't Vscode issue. You can disable SSL in Chrome. But you can also install https on local host. This might also happen if you're trying to make a call to https URL, from http localhost.

@iqorimane3575 Жыл бұрын

thank u

@ghosttogether Жыл бұрын

welc

@shubhankarsingh2605 6 ай бұрын

Its not working

@MaxKyivUa 3 ай бұрын

So terrible sound..

@joelarpin473 Жыл бұрын

you said at 6:43, make sure you have "liveserver.settings.advancedcustomebrowsercmdline". OK, I don't, I have "liveServer.settings.donotShowInfoMsg": true. Now what? update: I figured that out but it doesn't work. So, so many questions... does JS have to be embedded in HTML? does it have to be in the head? It keeps asking me to open a folder and create a json file.

@ghosttogether Жыл бұрын

lol you still need the browser one...just type it in yourself if it isn't there

@tamannatyagi6285 Жыл бұрын

I am having same problem. How to resolve?