Visual Studio Code 사용 방법

Post date: Feb 27, 2018 9:07:16 AM

[2021-1학기] VS Code Version = 1.54, 64-bit: 강의의 연속성을 위해 이 Version만 사용하고 Update하지 않습니다.

[2020-1학기] VS Code Version = 1.41, 64-bit

[2018-1학기] VS Code Version = 1.20, 64-bit

Visual Studio Code는 아래 링크에서 무료로 내려받을 수 있다.

- Download: https://code.visualstudio.com

[확장(Extensions) 설치]

= VS Code for Node.js: Node.js의 원활한 활용 위해 필요

• • VS Code for Node.js - Development Pack: Node.js와 관련된 모든 기능 사용 위해 필요

    • ESLint: JavaScript 확장 위해 필요

  • Vue.js Extension Pack: Vue.js와 관련된 모든 기능 사용 위해 필요

    • Vetur: *.vue에서 Vue.js 문법 사용하려면 필요

    • *.vue에 대한 auto-formatting 지원

      • 파일 > 기본 설정 > 텍스트 편집기 > 파일 > "Files.Associations": {"*.vue" : "html"}

= 한글화

• Extensions에서 Korean Language Pack for Visual Studio Code를 설치

[사용 방법]

- 명령 프롬프트 만들기: 보기 > 통합 터미널 > 터미널 (Ctrl + `)

- Git 비활성화: 파일 > 기본 설정 > 확장 > Git > Enabled: false(or uncheck)

- Powershell <-> cmd 전환

• • 터미널이 powershell이라면 cmd를 입력해서 변경 가능

  • 터미널이 cmd라면 powershell을 입력해서 변경 가능

[언어별 설명]

- Node.js: https://code.visualstudio.com/docs/nodejs

[ESLint 설정]

- 초기 설정 방법: VS Code에서 작업할 폴더 선택(파일 > 폴더 열기)

• • npm install -g eslint (한 번만 설치하면 됨)

  • npm init

  • eslint --init

  • eslint <your JS file>

[Hot Keys]

• Auto format: Alt+Shit+F 혹은 "문서 서식" 선택

-> Auto format이 안되면 현재 folder에 있는 .editorconfig를 삭제하면 됨