VisualStudioCode 웹 UI 개발을 위한 Visual Studio Code 설정

다음의 내용은 사이트 링크1에서 참고 가능

 

* VSC에 플러그인 설치

좌측의 확장기능 아이콘 클릭

마켓플레이스에서 확장 검색

Live Server 설치

Vetur 설치 (vue.js 플러그인)

Material Icon Theme 설치

Night Owl 설치 (어두운색 테마) 또는 GitHub Plus Theme 설치 (밝은색 테마)

 

 

* 테마 설정

Ctrl+Shift+p(윈도우), Command+Shift+p(맥) 로 명령어 창을 활성

color theme 입력

목록에서 night owl 선택하면 어두운색 테마로 설정됨

파일 아이콘 입력

Material Icon Theme를 선택하면 파일과 폴더에 대한 테마를 설정할 수 있다

 

 

* 익숙한 IDE툴의 keymap 설치하여 단축키 설정

좌측의 확장기능 아이콘 클릭

마켓플레이스에서 확장 검색

예를 들어 eclipse keymap을 설치하면 eclipse와 동일한 단축키로 셋팅

 

 

 

 

추가 문서1 :: 웹개발을 위한 텍스트 편집툴 비주얼 스튜디오 코드(Visual Studio Code) 설치와 간단한 사용법

추가 문서2 :: 최고의 웹개발 편집툴 Visual Studio Code에서 Live Server와 FTP 원격서버 실시간 편집하기