Visual Studio 코드에서 자바스크립트 코드 실행

### Visual Studio 코드에서 JavaScript 지원 설정
* ⚙ Visual Studio Code에서 자바스크립트 코드를 실행하려면 먼저 **자바스크립트 런타임 환경인 Node.js**를 설치해야 합니다.
* 📦 **Node.js 웹사이트로 이동하여 LTS 버전을 다운로드**하고 설치 프로그램을 실행합니다.
* 🖥 설치 후 명령 프롬프트를 열고 `node`를 입력하여 **자바스크립트 코드를 테스트할 수 있는 Node.js REPL**에 액세스합니다.
* 📂 마우스 오른쪽 버튼을 클릭하고 "코드로 열기"를 선택하거나 터미널 명령 `code .`를 사용하여 **Visual Studio Code에서 폴더를 엽니다.**
* 📝 Visual Studio Code에서 새 JavaScript 파일을 만들고 코드를 작성한 다음 **확장자를 `.js`로 저장**합니다.
* 🖥 터미널에서 `node filename.js`를 입력하여 자바스크립트 코드를 실행하거나, **Visual Studio Code용 코드 러너 확장 프로그램**을 사용하여 편집기에서 직접 코드를 실행합니다.
* 🛠 Visual Studio Code 마켓플레이스에서 **JavaScript 관련 확장 기능**을 살펴보고 설치하여 개발 환경을 개선하세요.
* 🌐 또한 온라인에서 코드 예제를 찾아 **Visual Studio Code에서 실행하여 Node.js 서버를 만드는 것**과 같은 더 복잡한 JavaScript 프로그램을 실행할 수도 있습니다.

Node.js는 웹 애플리케이션 개발을 가능하게 하는 Visual Studio Code에서 JavaScript 코드를 실행하는 데 필수적입니다.

hey guys, in this video, I'm going to show you how you can add JavaScript support in your Visual Studio Code editor. So essentially, I'm going to show you how you can run JavaScript code in your Visual Studio Code editor. So hopefully, you have already installed Visual Studio Code. Now, in order to run JavaScript code inside your Visual Studio Code or any operating system, you need a tool called Node.js. Node.js is a JavaScript framework which will allow you to create web applications in JavaScript, right? So if you install Node.js, you will be able to run JavaScript code. Also, in order to install Node.js, just open your favorite browser and search for Node.js, and the first link which will appear here will be from Node.js. So I'm going to click on this link. At the time of making this video, these are the two versions I always go with: LTS version. LTS stands for long-term support versions, right? So they have the support for a longer term. So just choose the version which says LTS in front of it. At the time of making this

video 18.15.0 is the latest version. So let me click on this button, which will download this Node.js MSI file. So I'm going to click on this MSI file once it's downloaded, and I'm going to just minimize my browser here so you can see the Node.js setup wizard has been started on this window. Just click on next here, click on I accept the terms license agreement, click on next. This will be the default location where Node.js will be installed. So if you don't have a good reason to change this, just leave it as default and then click on next, and then click on next. And then you can see automatically install necessary tools. So for now, I don't want to install additional tools, but later on you can install these additional tools for Node.js. Right. I'm going to click on next and then click on install and then click on yes, which is going to install Node.js on my Windows operating system. So just wait for this progress bar to reach to the 100 mark. And once that's done, you can see completed.

node.js Setup Wizard. Click on finish and node.js is installed on your Windows operating system. To check whether it's installed correctly, you can just type CMD in Search and then click on command prompt. And then just type node and then press enter, which is going to open this node rapple, which stands for read a well print Loop. Here you can write a very simple JavaScript code. For example, console DOT log and I can print something here. Okay, so let me print hello World here and then press enter. And it prints hello worlds. So this is essentially the JavaScript code which you are running with the help of this node.js tool. Now let's open our Visual Studio code editor. And here I can open a folder. Or let me show you one more thing. So let's say I have this Javascript app folder on my desktop where I want to create my JavaScript files. Here I can open this folder and then right click here. Once Visual Studio code is installed, click on show more options. And then click on open with code. And then this folder will be

opened in your Visual Studio Code editor. Now you can also open as command prompt. So just once again go here, right-click, and then open in a terminal. And you can just CD into the folder in which you want to create a JavaScript file. And then type code space Dot. And then press enter, which is also going to open the JavaScript folder or whatever folder you want to open in Visual Studio Code. Now let's create a JavaScript file. So I'm going to just click on this plus sign. And then just type test dot JS. Okay. And you can see this file is created. So I can just type console DOT log. And then I can just write hello World here. So you can see Visual Studio Code is going to provide you the intellisense. Also just save your file. And in order to run your file, you can open the terminal from the top. So just click on Terminal. And then click on new terminal. And from here, you can see the PowerShell is open. You can also open command prompt from here. So click on command prompt.

and because we have installed node, we can use node to run our JavaScript file. So I'm going to just write test.js after node. So node, space, the name of the file, which is test.js in my case, and it prints hello world on PowerShell. If you select the PowerShell here, you can just write node and then the name of the file, or whatever is the name of the file, and then press tab here, which is going to auto-complete your file name. So you can see it has auto-completed. And on PowerShell, you just write dot backslash or in front of file name, right? So once again, just press enter, and it prints hello world. So this is how you can run the JavaScript code using the terminal. But in Visual Studio Code, you can also install some cool extensions to run your code. So one such extension is Code Runner. So just search for Code Runner here. So just select this extensions tab first of all. So you can see there is this extensions tab. And then just search for Code Runner and then select this first

option, which is called Code Runner, and it has around 18.6 million downloads. So it's a very popular extension. So just click on install to install this extension. And once this extension is installed, you can see you can uninstall or disable this extension later also. Once this that is installed, I can close this window. And as soon as I have installed this Code Runner extension, I can see this run code icon in front of the file, right? So on top right, you can see this new option to run your JavaScript code. So when you click on this run code option, you will be able to see your code will be run automatically. You don't need to type anything on the terminal. It will run automatically, right? So let me add a few more options and then save my code. And then I can rerun it and it will rerun my code and it prints Hello, World with all these symbols, right? Now if you want to create more complex programs, let me show you how you can do it. So for example, if you want to create a Node.js server, you can find this code

anywhere on internet, just search for how to create a simple Node.js server, and this code you will find there, right? And this is a JavaScript code, and what it does is it creates a server, which you can run on your browser, and it's going to show you the hello world output, right? So let me just run this code, and once it's running, you can see it says server running at this IP address and this port. So I'm going to just copy this, or I can just control and click on this, okay? So control, press Ctrl key, and then click on this link, which is going to open this on your browser. So let me just paste this link, and then it prints hello world, as you can see here. So you can even create some server code, which is also written in JavaScript, as you can see test.js, right? So this is how you can run the JavaScript code on your Visual Studio code editor. Additionally, you can install many JavaScript-related extensions. So just type JavaScript here, and then press Enter, and you will see many JavaScript-related

extensions so you can install all these popular extensions. You can see this extension is downloaded 11 million times, so this is very popular, right? And then you have this tribe script extension, JavaScript debug extension. So you can install all these extensions, and all these extensions will help you to develop your code and run your code efficiently. Okay, so I hope you enjoyed this video, and I will see you in the next video.

How to Run JavaScript in Visual Studio Code on Windows 11 / Windows 10 | JavaScript in VSCode

ProgrammingKnowledge

Visual Studio 코드에서 JavaScript 지원 추가

Visual Studio Code에서 자바스크립트 코드를 실행하려면 웹 애플리케이션을 만들기 위한 자바스크립트 프레임워크인 Node.

js는 웹사이트에서 다운로드할 수 있으며, LTS(장기 지원) 버전을 선택하는 것이 좋습니다.

js MSI 파일을 실행하고 기본 설정으로 설정 마법사를 따라 운영 체제에 설치합니다.

자바스크립트 개발을 위한 Node.

간단한 설치 마법사를 따라 Windows 운영체제에 Node.

설치 후 명령 프롬프트를 열고 "node"를 입력하여 JavaScript 코드를 실행하면 제대로 설정되었는지 확인할 수 있습니다.

Visual Studio Code를 열어 JavaScript 파일을 만들고 실행할 수 있으며, 명령 프롬프트 또는 PowerShell용 통합 터미널을 여는 옵션도 있습니다.

노드 및 비주얼 스튜디오 코드로 자바스크립트 코드 실행하기

노드는 터미널에서 파일 이름 뒤에 "node"를 입력하여 자바스크립트 파일을 실행하는 데 사용할 수 있습니다.

Visual Studio Code에서는 1,860만 다운로드가 이루어진 Code Runner 확장 프로그램을 통해 코드를 자동으로 실행할 수 있으며, 편의를 위해 코드 실행 아이콘을 제공합니다.

이 확장 프로그램을 사용하면 터미널에 아무것도 입력하지 않고도 코드를 실행할 수 있으며 간단한 클릭으로 코드를 다시 실행할 수도 있습니다.

제공된 코드는 브라우저에 "hello world"를 표시하는 Node.

코드를 실행한 후 생성된 링크를 클릭하면 출력을 확인할 수 있습니다.

또한 JavaScript 코드는 Visual Studio 코드 편집기에서 다양한 관련 확장 프로그램을 설치하는 옵션과 함께 실행할 수 있습니다.

효율적인 코드 개발을 위한 인기 확장 기능

라이브 서버 및 JavaScript 디버그 확장 프로그램과 같은 많은 인기 확장 프로그램을 다운로드할 수 있으며, 특히 라이브 서버가 가장 널리 사용되고 있습니다.

이러한 확장 프로그램은 개발자가 코드를 효율적으로 개발하고 실행할 수 있도록 설계되었으며, Live Server는 1,100만 번 다운로드되었습니다.