비주얼스튜디오에서 Javascript 파일 실행하기 [visual studio, 자바스크립트]

2022. 7. 18. 23:08·Programming language/javascript
728x90

매번 html에 javascript 파일을 <script>로 연결해서 실행해왔지만

딱 js 파일에서 console.log 값이 어떻게 나오는지 정리해보려고 합니다!

 

1. 비주얼스튜디오에서 해당 파일이 있는 폴더를 열어요 

맨 위에 File 파일 탭을 누른 후 Open folder에서 찾으시면 됩니다!

 

2. Termianl 터미널을 열어줍니다 

File 탭 옆쪽에 있는 Termianl에서 new terminal 클릭!

터미널을 여는 단축키 : ctrl + shift + `  (백틱 backtick : ~ 밑에 보이는 것)

3. Termianl에서 'node + 파일 이름.js'라고 명령해주면 됩니다!

 

 

4. 그러면 바로 실행 결과가 밑에 나옵니다

5. 폴더 안에 js 파일을 실행하고 싶다면..

 

'node ./폴더이름/파일'로 입력합니다!

  ./   는 현재 폴더라는 의미라 

위에 코드는 현재폴더에서 'folder'이라는 폴더에 들어간 후 hello.js를 실행하라는 의미인거죠!

 


간단한 공부 정리 끝~ 생각보다 어렵지 않았어요

초보자분들에게 도움이 되는 글이길 바랍니다 :]

코딩 꾸준히 해봐요!

728x90
반응형

'Programming language > javascript' 카테고리의 다른 글

2번째 javascript 공부 정리 [Sessac 바닐라 Javascript + Vue.js 과정]  (0) 2022.02.12
javascript 공부 정리 [Sessac 바닐라 Javascript + Vue.js 과정]  (0) 2022.02.04
'Programming language/javascript' 카테고리의 다른 글
  • 2번째 javascript 공부 정리 [Sessac 바닐라 Javascript + Vue.js 과정]
  • javascript 공부 정리 [Sessac 바닐라 Javascript + Vue.js 과정]
은성이
은성이
    250x250
  • 은성이
    은성의 블로그
    은성이
  • 전체
    오늘
    어제
    • 분류 전체보기 (84)
      • Front-end (8)
        • html (2)
        • css (3)
        • Vue.js (2)
        • React.js (1)
      • Back-end (10)
        • Node-js (1)
        • spring boot (9)
      • Side project (2)
        • mistake (1)
        • 잊어버렸던 것 (0)
      • Programming language (14)
        • javascript (3)
        • Java (10)
        • C (1)
        • Jsp (0)
      • App (1)
        • Android studio (1)
      • Database (3)
        • MySQL (2)
        • SQL (1)
      • git (6)
      • IoT (6)
        • Arduino (4)
        • 라즈베리파이 (1)
      • Adobe (0)
        • Photoshop (0)
        • Illustrator (0)
      • NFT (1)
      • Metaverse (1)
        • gather town (1)
      • 일상 (9)
        • 독서 reading (2)
        • 강연 (3)
        • 현장실습 (3)
      • 언어 (10)
        • 영어 (10)
        • 일본어 (0)
      • IT (1)
        • linux (1)
  • 블로그 메뉴

    • 홈
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    영어
    화상영어
    springboot
    생활코딩
    백엔드
    코딩
    일상
    깃공부
    개발자
    영어공부
    java
    자바
    html
    프로젝트
    css
    개발
    GIT
    영어복습
    공부
    코딩공부
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
은성이
비주얼스튜디오에서 Javascript 파일 실행하기 [visual studio, 자바스크립트]
상단으로

티스토리툴바