반응형 vsC2 VSCode 개발환경 - Extension 플러그인 설치 VSC로 프로튼엔드 개발할 경우 자주 사용되는 유용한 플러그인들에 대한 설치 방법을 알아본다. 1. Live Server - html파일을 localhost에서 서버로 실행할 때 사용한다. vsc좌측에 Extensions를 선택하고, "Live Server"로 검색 후 Install 을 클릭한다. 실행은 html 파일에서 마우스 오른쪽 클릭 후 "Open with Live Server"를 클릭하거나 [⌘L ⌘O]단축키를 눌러준다 아래와 같이 http://127.0.0.1:5500 으로 실행 된다. 2. ESLint - Javascript 문법 검사기 - 파일을 저장할 때 마다 ESLint 규칙에 따라 코드를 자동 교정 처리하기 VSC의 'Code > Preference > Settings'에서 우측 상단.. 2022. 3. 16. VSCode Prettier 사용 Prettier 코드를 분석하여 깔끔하고 일관된 코드 스타일을 유지할 수 있도록 해주는 Code Formatter Prettier 설치 vsc에서 좌측에 '확장' 메뉴를 클릭하고 "prettier"로 검색 후 "설치" 클릭 Prettier 설정 vsc에서 'Code > 기본설정 > 설정' 클릭 - 상단 검색창에 "editor format on save" 입력하고, 체크박스 체크(파일 저장 시 Formatter 적용) - 다음으로 상단 검색창에 다시 "editor default formatter" 입력하고, Default Formatter에서 "Prettier - Code formatter" 선택 2022. 3. 15. 이전 1 다음 반응형
