반응형 extension2 VSCode Auto Import - import문 자동 생성 vscode에서 react나 node.js로 개발 시 import문 작성하는게 많이 귀찮은데 Auto Import 확장프로그램을 설치해서 사용하면 편리하다. vscode 좌측 메뉴 중 확장프로그램에서 "auto import"라고 검색하고 설치해주면 된다. 그리고 vscode를 재기동 한다. 아래 예시와 같이 Router라고 입력하면 하단에 import 대상들이 표시되고 선택만 하면 상단에 import문이 추가 된다. 혹시 잘 안되는 경우 프로젝트 Root에 jsconfig.js 파일을 생성하고, 아래와 같이 넣어준 후 해보자 { "compilerOptions": { "target": "es6", "module": "es2015" } } 연관 글: VSCode Reactjs code snippets(코드 .. 2023. 9. 17. 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. 이전 1 다음 반응형
