본문 바로가기

[한설날][FIORI&UI5] '비주얼 스튜디오 코드' 설치 및 설정

728x90

 

FIORI & UI5 전체 목차로 가기

 

 

 

설치

. 이 다운로드 링크 혹은 '비주얼 스튜디오 코드'를 검색해서 설치합니다.

 

 

 

확장 프로그램 설치

설치 방법

. '비주얼 스튜디오 코드'를 실행 후 왼쪽에서 'Extensions' 탭에서 확장 프로그램을 검색 및 설치할 수 있습니다.

. 원하는 확장 프로그램을 검색 후 [Install] 버튼을 누르면 확장 프로그램이 설치됩니다.

 

 

설치 목록

. Live Preview

. Prettier - Code formatter

. SAP Fiori Tools - Extension Pack

 

 

 

자동 줄바꿈 On

. open Settings

- [File] → [Preferences] → [Settings (Ctrl + ,)]

 

. 검색창에 'word wrap' 검색

- Editor: Word Wrap을 'on'으로 바꾸면 자동줄바꿈이 적용됩니다.

 

 

 

단축키(shortcut) 변경

. open Keyboard Shortcuts

- [File] → [Preferences] → [Keyboard Shortcuts (Ctrl + K + S)]

 

. 바꾸려는 단축키에 커서를 올리면 왼쪽에 나오는 수정 버튼을 누르고, 새로운 단축키를 입력하고 Enter를 누르면 적용됩니다.

 

한 줄 삭제 (Delete Line)

. SAP GUI와 동일하게 Ctrl + Shift + L로 바꿉니다.

 

선택된 행 복사 (Copy Line Down / Up)

. SAP GUI와 동일하게 Ctrl + D로 바꿉니다.

 

 

 

기타

테마 변경

. [File] → [Preferences] → [Keyboard Shortcuts (Ctrl + K + S)] → [Workbench: Color Theme]

- 저는 색 대조가 제 눈에 맞는 'Monokai'를 사용합니다.

 

 

 

#00230 #한설날 #SAP #FIORI #UI5 #피오리

 

728x90