Visual Studio Code에서 코드 편집

이 Visual Studio Code 튜토리얼에서는 아래에 설명된 기능을 포함하여 작은 코드 조각을 편집하고 실행하는 방법을 다룹니다. 이 개요를 시청한 후 관련 리소스 섹션에서 자세한 내용을 확인하세요.

다음 동영상을 추천합니다. 생산성 팁

목록에서 다른 동영상을 선택하세요. 입문 동영상

동영상 개요

• 폴더 열기.
  • 파일 > 폴더 열기 (Ctrl+K Ctrl+O)
• 파일 탐색기를 사용하여 폴더의 파일 및 하위 폴더를 봅니다.
  • 보기 > 탐색기 (⇧⌘E (Windows, Linux Ctrl+Shift+E))
• JavaScript 코드를 실행하기 위해 Node.js 런타임을 설치합니다.
  • 플랫폼에 맞는 Node.js는 https://nodejs.org에서 찾으세요.
• Node.js 설치 확인.
  • 터미널 또는 명령 프롬프트에서 node --version을 입력합니다.
• 새 파일 만들기.
  • 파일 > 새 파일 (⌘N (Windows, Linux Ctrl+N))
• app.js라는 간단한 "Hello world" 콘솔 애플리케이션을 만듭니다.
• IntelliSense는 입력 시 제안을 제공합니다.
• 소스 코드를 자동으로 포맷합니다.
  • 문서 포맷 명령 (⇧⌥F (Windows Shift+Alt+F, Linux Ctrl+Shift+I))
• 자동 저장 켜기.
  • 파일 > 자동 저장
• 통합 터미널 표시.
  • 보기 > 터미널 (⌃` (Windows, Linux Ctrl+`))
• 터미널 분할.
  • 터미널 분할 (⌘\ (Windows, Linux Ctrl+Shift+5))
• 새 터미널 만들기.
  • 새 터미널 만들기 (⌃⇧` (Windows, Linux Ctrl+Shift+`))
• 애플리케이션 실행.
  • 통합 터미널에서 node app.js를 입력합니다.

다음 동영상

• 생산성 팁 - 이 생산성 팁을 사용하여 VS Code 파워 유저가 되세요.
• 입문 동영상 - 전체 동영상 목록을 검토합니다.

관련 리소스

• 기본 편집 - 강력한 VS Code 편집기에 대해 알아보세요.
• 코드 탐색 - 소스 코드를 빠르게 이동합니다.
• Emmet 스니펫 - Emmet 스니펫을 사용합니다.
• 작업 - VS Code 내에서 외부 도구를 사용하기 위한 작업을 만듭니다.
• JavaScript 린터 - JavaScript용 린터를 설치합니다.
• 코드 접기 - 소스 코드 접기의 자세한 내용을 확인합니다.
• 팁 및 요령 - VS Code에 대한 유용한 팁과 요령입니다.