Tools/Visual Studio Code (7) 썸네일형 리스트형 [VS Code] 작성한 내용 브라우저에서 보기 확장 탭에서 Live Server 검색 후 설치 html 파일에서 우클릭 후 Open with Live Server 클릭 브라우저에서 html 파일이 실행된 것을 확인할 수 있다. html 파일로 돌아가서 우클릭 후 Stop Live Server를 클릭하거나 화면 하단의 Port를 클릭 시 실행한 Server를 종료할 수 있다. [VS Code] 주석(Comment) 단축키 Windows Ctrl + / Mac OS Command + / [VS Code] 들여쓰기를 항상 2칸으로 만들기 Ctrl + Shift + P 누른 뒤 settings.json 검색 후 기본 설정: 사용자 설정 열기(JSON) 클릭 기본 설정: 사용자 설정 열기(JSON) 클릭하여 열린 settings.json 파일에 "editor.tabSize": 2 코드 추가 기본 설정은 4로 되어 있는데 2로 바꿔주면 됨 기존 html 파일을 삭제하고 새로운 파일을 생성할 시 들여쓰기가 2칸으로 변경된 것을 확인 가능 4칸일 때 [VS Code] 태그 이름 한 번에 바꾸기 확장 프로그램 설치 확장 탭에서 Auto Rename Tag 검색 후 설치 앞에 있는 태그를 수정 시 뒤에 있는 태그도 함께 수정되는 것을 확인할 수 있다. [VS Code] 코드 자동 정렬 정렬할 부분 드래그 후 우클릭하여 선택 영역 서식 클릭 시 자동 정렬 선택 영역 서식 Ctrl+K Ctrl+F [VS Code] 기본 코드 자동 완성 및 기본 언어 설정 VS Code에서 html 파일의 기본 코드를 자동 완성했을 때, 언어가 영어로 설정되어 있는 것을 볼 수 있다. 기본 언어를 한글로 바꿔보겠다. 기본 코드 자동 완성 ! + tap 모든 명령 표시 Windows Ctrl + Shift + P macOS Command + Shift + p 모든 명령 표시 단축키 누른 뒤 settings.json 검색 기본 설정: 사용자 설정 열기 (JSON) 클릭 기본 설정: 사용자 설정 열기(JSON)을 클릭하여 열린 settings.json 파일에 "emmet.variables": { "lang": "ko" } 코드를 추가 다시 index.html로 돌아가서 기본 코드를 자동 완성했을 시, 언어가 한글로 지정된 것을 확인할 수 있다. [VS Code] GitHub 연결 1. GitHub에 새로운 Repository를 생성하고 주소를 복사한다. 2. 소스 제어 아이콘 클릭 후 리포지토리 초기화를 클릭한다. 3. 변경 사항 옆 + 아이콘 클릭 4. 메시지 작성 후 커밋 5. 상단바 터미널 > 새 터미널 클릭 6. git remote add origin 주소 7. git pull origin master --allow-unrelated-histories git pull origin main --allow-unrelated-histories 8. git push -u origin master 9. GitHub 돌아가서 Compare & pull request 클릭 10. Create pull request 클릭 11. Merge pull request 클릭 12. Confir.. 이전 1 다음
