vsc 다운로드 https://code.visualstudio.com/
추천 extension
비쥬얼 스튜디오 코드 설치 및 웹개발을 위한 필수 익스텐션 10개 추천 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript
추천 플러그인 리스트
* Live server // 브라우저 화면창을 뛰우는, 코드 수정시, 바로 새로고침해서 볼 수 있음
* Bracket Pair Colorizer // 괄호, 중괄호 등의 쌍을 다른 색으로 표시
* Indent-Rainbow // 들여쓰기 수준을 다양한 색으로 표시
* Auto Rename Tag // 태그 이름을 수정하면 자동으로 해당 태그의 종료 태그도 함께 수정
* CSS Peek // CSS 파일에서 클래스나 ID를 클릭하면 해당 스타일을 바로 확인
* Color Highligh // css RGB 색상을 바로 알려줌!, CSS에선 필수!
* HTML CSS Support // HTML과 CSS 파일에서 자동 완성, 경고, 오류 감지 등의 기능을 제공
* Material Icon Theme // Material Design 아이콘을 제시
* code spell checker // 이름 spelling을 검사해줌!
* Highlight Matching Tag
* git graph // git 브랜치를 시작적으로 잘 보게 해줌!
* git lens // 코드의 git log를 확인 가능! diff도 좋음!
* Code Runner // ctrl + Alt + N 이면 바로 실행! javascript 실행시, 편리!
* prettier // 저장과 동시에 정렬을 해줌
vsc 단축키 추천영상 →
##) Node 설치 (+ npm)
# download
LTS 다운로드
# 설치후 버전 확인
node -v
참고) nvm(node version manager)