https://code.visualstudio.com/docs/?dv=win
비주얼스튜디오 코드는 여기서 다운로드할 수 있다.
비주얼스튜디오 코드 좌측 메뉴 설명
1. Explorer 폴더연결 (맨 위 버튼)
원하는 폴더를 드래그 드롭해서 올려놓고 연결해서 사용 가능!
참고로 파일을 만들 때는 무조건 확장자 써야 한다.
2. Search 검색 (두번째 버튼)
연결된 파일 내에 단어 검색 가능
바꾸기도 가능!(Replace)
3. Extensions 확장프로그램 설치 (다섯번째 버튼)
기본으로 추천해준 확장프로그램은 아래 3가지였다.
Korean Language Pack : 한국어로 바꾸는 확장프로그램
open in browser : html 파일 인터넷으로 열 수 있는 확장프로그램
- 기본브라우저가 아닌 chrome으로 하고 싶다면 설정가서 chrome으로만 적어주면 된다.
- 파일 > 기본설정 > 설정
indent-rainbow : 세트끼리 색바꿔주는 확장프로그램(앞에 탭한 부분)
Live Server : 파일 저장하면 인터넷 새로고침 안해도 알아서 새로고침되는 확장프로그램
비주얼스튜디오 코드 좌측 메뉴 설명
파일 > 기본설정 > 설정
폰트 변경 가능
Word Wrap -> on으로 바꾸면 줄 바뀜
보기 > 자동줄바꿈
한 화면에 볼 수 있게 편하게 바꿔주기
(위 설정가서 바꾸는 것과 같은 기능)
보기 > 모양 > 미니맵
미니맵 필요없으면 체크해제하기
기타사항)
참고로 html 열 때는 크롬으로 하기! (제일 호환성이 좋음!)
파일 우클릭, 연결 프로그램 > 다른 앱 선택 > 크롬
lorem치고 엔터치면 아무문장 작성해준다!
파일명은 영어로 하는게 좋다.
주석 단축키 : ctrl + /
범위? 선택 : ctrl + d
한 줄 지우기 : ctrl + x
줄 이동 : alt + 방향키
주석 단축키 눌렀는데도 적용이 안될때
(윈도우)설정 > 언어 > 기본 설정 언어 > 한국어클릭 > 옵션 > 키보드
한컴입력기 있으면 지우기!
계속 나아가기