반응형 IT/비주얼 스튜디오 코드5 VScode 작업 환경 세팅 동기화 VScode '작업 환경 세팅'(확장 프로그램, 단축키, 코드 조각..등등)을 github에 동기화(업로드) 해두었다가 다른 컴퓨터에서도 내 '작업 환경 세팅'을 다운 받아 사용할 수 있게 해주는 기능이다. [동기화 방법] 1. VScode '파일'메뉴에서 '설정 동기화 켜기...'를 클릭한다.2. '로그인 및 켜기' 버튼을 눌러준다.3. 동기화할 클라우드를 Github로 선택해준다.4. Github 로그인 해준다.5. 'Authorize Visual-Studio-Code' 버튼을 눌러준다.6. 웹 페이지 Alert창에 'Visual Studio Code 열기' 버튼을 눌러준다.7. VS code Alert창에 '열기' 버튼을 눌러준다.8. 다시 VS code '파일'메뉴에서 '설정 동기화 켬'메뉴를 .. 2024. 5. 2. VScode 코드조각(Snippets) 기능 코드조각(Snippets) 기능이란? 코딩할 때 자주 쓰이는 소스 코드(조각)을 단축키로 지정해 사용하는 기능이다. (코드조각(Snippets) 기능을 사용하면 작업 속도를 높이데 도움이 된다.) [사용 방법] 1. VScode 파일 메뉴에서 '기본 설정 > 사용자 코드 조각' 메뉴를 (선택)클릭한다.2. VScode 커맨드 팔레트에서 '새 전역 코드 조각 파일...'을 선택(클릭)한다.3. 생성할 코드조각 파일 이름을 (영문으로) 지정한 후 Enter키를 눌러러준다. (예: mySnippets) 4. 생성된 코드조각 파일에서 내가 자주 쓰이는 코드(조각)과 단축키를 지정해주면 된다. [예시 코드]"목록 태그": { // 코드 조각 이름 "scope": "html", // 언어 지정(h.. 2024. 5. 2. VScode에서 원격 FTP 접속 하기 [ftp-simple] 1. 원격 FTP 접속을 하기 위해 'ftp-simple' 확장 프로그램을 설치해준다. 2. 설치가 완료 되었으면 [Ctrl + Shift + P] 키를 눌러 커맨드 팔레트을 열고 명령어 'ftp-simple : Config - FTP connection setting'을 입력하여 FTP 설정 파일을 열어준다. 3. FTP 설정 파일에 접속할 FTP 이름(별칭)과 서버 주소, 아이디, 비밀번호를 입력한 후 저장해준다. 4. 설정이 완료 되었으면 다시 커맨드 팔레트[Ctrl + Shift + P]을 열어 명령어 'ftp-simple : Remote directory open to workspace'을 입력하고 방금 설정했던 'FTP 이름(별칭)'과 'Current directory'를 선택(클릭)하여 원격.. 2024. 5. 2. VScode 유용한 확장 프로그램 [HTML 관련]• htmltagwrap텍스트를 HTML 태그로 감싸거나 HTML 태그에 부모 태그를 만들때 사용하는 확장 프로그램 입니다.[사용방법]선택 영역을 드래그 하여 단축키 [Alt + W]를 누르면 됩니다.• Auto Rename TagHTML 태그를 수정 할때 (쌍을 이루는) '시작 태그' 와 '닫는 태그'를 동시에 수정해 주는 확장 프로그램 입니다.[사용방법]설치 시 자동 실행 됩니다.• Auto Close TagHTML 태그를 작성할때 '닫는 태그'를 자동으로 생성 해주는 확장 프로그램 입니다.[사용방법]설치 시 자동 실행 됩니다.[CSS 관련]• HTML to CSS / LESS / SCSSHTML 코드의 class, id 속성값을 CSS 스타일 구문으로 (추출) 변환 해주는 확장 프로.. 2024. 5. 2. VS code 자주 쓰이는 단축키 # 텍스트 관련 • 코드 한줄라인 위치변경: [ Alt + 방향키↑↓ ] • 코드 한줄라인 복사하기: [ Shift + Alt + 방향키↑↓ ] • 같은 코드, 순차적 선택: [ Ctrl + D ] • 같은 코드, 이전 선택 취소: [ Ctrl + U ] • 같은 코드, 전체 선택: [ Ctrl + Shift + L ] • 빠른 텍스트 커서 이동: [ Ctrl + 방향키←→ ] • 아래행 이동: [ Ctrl + Enter ] • 위로행 이동: [ Ctrl + Shift + Enter ] • 마지막 }중괄호 이동: [ Ctrl + Shift.. 2024. 5. 2. 이전 1 다음 반응형
