728x90 vscode4 비주얼 스튜디오 코드 Live Server 설치하는 방법과 단축키 비주얼 스튜디오 코드에서 Live Server 설치하는 방법에 대해 알아보겠습니다. 비주얼 스튜디오 코드에서 설치할 수 있는 익스텐션 중에서 LIve Server라는 아주 유용한 익스텐션이 있습니다. Live Server는 현재 작성하고 있는 코드를 실시간으로 보여주는 기능을 합니다. 자신의 코드가 웹 상에서 어떤식으로 그려지고 있는지 바로바로 확인할 수 있다면 아주 편리하겠죠? 그럼, 비주얼 스튜디오 코드(Visual Studio Code)에서 Live Server를 설치하는 방법과 단축키를 알아보겠습니다. 먼저 비주얼스튜디오코드를 키고, 왼쪽 아이콘(메뉴) 중에서 EXTENTSION을 클릭해주세요. EXTENSION의 검색창에 LIVE SERVER라고 검색합니다. 바로 아래에 LIVE SERVER 익.. 2022. 12. 1. Emmet 설치하는 방법(비주얼 스튜디오 코드) Visual Studio Code - Emmet 설치하는 방법 오늘은 비주얼스튜디오코드에 익스텐션 중 하나인 Emmet(에밋)을 설치해보겠습니다. 코드를 빠르게 작성할 수 있도록 도와주는 도구이니 꼭 설치하는걸 추천드려요!! 비주얼스튜디오코드를 실행하고 왼쪽 아이콘 중에 동그라미 친 부분을 클릭합니다. 이곳에서 Extensions를 설치하고 관리할 수 있습니다. 검색창에 emmet 이라고 검색하면 아래에 Mithril Emmet 이라는 익스텐션이 뜹니다. 'Install' 을 클릭하면 설치가 완료됩니다. 2022. 12. 1. 비주얼 스튜디오 코드 유용한 단축키 모음 1. COMMEND + D ( CTRL + D ) 자주 반복되는 코드를 한번에 수정하기 (원하는 코드에 커서를 놓고 단축키를 입력하면 프로젝트에 있는 선택된 모든 코드가 선택된다.) 2. OPTION + 클릭 ( ALT + 클릭 ) 클릭하는 곳 마다 커서를 만들기 (편집이 끝나면 ESC를 눌러 해제한다.) 3. OPTION + ↑/↓ ( ALT + ↑/↓ ) 선택된 라인의 코드를 위, 아래로 이동하기 4. OPTION + SHIFT + ↑/↓ ( ALT + SHIFT + ↑/↓ ) 선택된 라인의 코드를 위, 아래로 복사하기 5. COMMEND + / ( CTRL + / ) 선택된 해당 코드 블록을 코멘트로 처리하기 (프로젝트의 언어 문법에 맞춰서 코멘트 처리를 자동으로 해준다.) 6. OPTION + S.. 2022. 12. 1. 비주얼 스튜디오 코드(Visual Studio Code) 다운로드, 설치하는 방법 구글 검색창에 "Visual Studio Code" 검색합니다. 혹은 다음 링크로 들어가주세요. ▶https://visualstudio.microsoft.com/ko/downloads/ Visual Studio Tools 다운로드 - Windows, Mac, Linux용 무료 설치 Visual Studio IDE 또는 VS Code를 무료로 다운로드하세요. Windows 또는 Mac에서 Visual Studio Professional 또는 Enterprise Edition을 사용해 보세요. visualstudio.microsoft.com 무료 다운로드를 클릭해, 자신의 컴퓨터 환경에 맞는 파일을 받아줍니다. 다운로드된 인스톨 파일을 실행합니다. 설치를 쭉 진행해주세요! 설치 완료~! Visual Stud.. 2022. 12. 1. 이전 1 다음 반응형
