Web programming/VS Code, Brackets5 [VS Code] 확장 프로그램 Extensions : 확장 프로그램 설치 확장 프로그램은 좌측 마켓플레이스 아이콘을 클릭하면 검색하여 찾을 수 있다. 원하는 확장 프로그램 페이지 내 Install 버튼을 클릭하면 해당 프로그램이 활성화된다. Material Icon Theme 작업 파일에 해당하는 프로그램(CSS, HTML, React..)의 아이콘을 보여주는 아이콘 테마. 어떤 파일인지 구분이 편해짐 Prettier - Code formatter 단축키(Cmd/Ctrl + Shift + P) 한번으로 코드를 자동으로 형식화하여 일괄 정리. 드래그하여 해당 영역의 코드 정리 또는 드래그 선택 없이 전체 코드 정리 가능 Indent-rainbow 들여쓰기 된 영역을 구분하기 쉽게 보여줌 Auto Close Tag HTML/XML 시작 .. 2020. 10. 28. [Brackets] 화면 창 분할/단일 보기 화면 분할 (Split screen) 기본 보기에서 창을 분리시켜 여러 파일을 동시에 보고 싶다면, 두 개의 창으로 분할해서 볼 수 있다. 보기 → 수평 분할 또는 보기 → 수직 분할 클릭 (View → Horizontal Split or View → Vertical Split) 또는 다음의 에디터 분할 아이콘을 클릭 기본보기를 분할하면 두 번째 "작업 파일(Working Files)" 목록이 생성되어 어떤 파일이 어떤 창에 열려 있는지 확인할 수 있다. (아래 이미지 참고) 이 두 작업 파일 목록 사이에서 파일을 드래그하여 원하는 창으로 이동할 수도 있다. 브래킷은 각 프로젝트의 보기 레이아웃을 기억하기때문에, 다른 프로젝트로 전환하면 프로젝트를 닫을 때 선택한 레이아웃이 표시된다. 단일 화면(Sing.. 2020. 10. 26. Visual Studio Code 단축키 자주 사용하는 단축키 Ctrl + K + F : 전체 선택(Ctrl+A)한 후, Ctrl(맥은 커멘드)키를 누른 상태로 K, F 키를 차례로 누르면 코드가 자동으로 정렬되어 정리된다. html:5 : 프로그램에서는 다음 이미지와 같이 필요한 태그 첫 자를 입력하면 자동적으로 뜨게 된다. (첫 자 입력 후 ctrl+space 입력해도 동일하게 뜸) HTML 파일에서 html:5를 입력하면, 기본 태그가 작성된다. 코드 작성 시 (원하는 코드를 드래그하여) 텍스트 커서 + 방향키 : 코드 열에 텍스트 커서를 둔 후, 방향키를 통해 위/아래로 이동 Tab : 내어쓰기 Shift + Tab : 들여쓰기 Ctrl + / : 주석 걸기 및 풀기 Key Command Command ID Ctrl+Shift+Alt+D.. 2020. 10. 26. [Brackets] 확장 기능 설치하기 Brackets 확장 기능 설치하기 1. 확장 기능 창 열기 : [파일 → 확장 기능 관리자...] 또는 우측의 도구 모음에서 [플러그인 블록] 아이콘 클릭! 해당 창에서 확장 기능을 검색하고 설치·제거를 할 수 있다. 2. 확장 기능 창에 설치하고자 하는 연관 단어를 검색하고 우측의 설치 버튼을 클릭하면 완료! - 연관 글 : Brackets TortoiseSVN 확장 기능 Brackets TortoiseSVN 확장 기능 (Windows) Brackets TortoiseSVN : Brackets TortoiseSVN은 브래킷용 TortoiseSVN 메뉴 확장 기능이다. (Windows만 지원함) 이 확장 기능은 commit, switch, update, revert, log, diff, blame in.. 2020. 10. 23. [VS Code] Integrated Terminal Terminal keybindings 다음은 통합 터미널 내에서 빠르게 탐색 할 수있는 키보드 단축키다. 터미널 보기 및 켜기 : Ctrl +` 터미널 인스턴스 추가 (새 터미널 만들기) : Ctrl + Shift +` 위로 스크롤 : Ctrl + Alt + PageUp 아래로 스크롤 : Ctrl + Alt + PageDown 페이지 위로 스크롤 : Shift + PageUp 페이지 아래로 스크롤 : Shift + PageDown 맨위로 스크롤 : Ctrl + Home 아래로 스크롤 : Ctrl + End 터미널 지우기 : 할당되지 않음 복사 및 붙여넣기 - Linux : Ctrl + Shift + C 및 Ctrl + Shift + V - macOS : Cmd + C 및 Cmd + V - Windows .. 2020. 8. 6. 이전 1 다음 반응형