vscode에서 auto import 처리

 설정 방법

 

1. 설정 파일 열기

• Ctrl + , (Windows/Linux) 또는 Cmd + , (Mac)으로 설정 열기
• 또는 File > Preferences > Settings

2. 자동 import 관련 설정들

 

json

{
  // TypeScript/JavaScript 자동 import
  "typescript.suggest.autoImports": true,
  "javascript.suggest.autoImports": true,
  
  // 저장 시 자동으로 import 정리
  "editor.codeActionsOnSave": {
    "source.organizeImports": true,
    "source.addMissingImports": true
  },
  
  // 자동 import 제안 표시
  "typescript.preferences.includePackageJsonAutoImports": "auto",
  "javascript.preferences.includePackageJsonAutoImports": "auto"
}

사용 방법

자동 import 트리거:

• 코드를 입력할 때 자동완성 목록에서 선택
• Ctrl + Space로 IntelliSense 수동 호출
• 빨간 밑줄 그어진 변수에 마우스 올리고 전구 아이콘 클릭 → "Add missing import" 선택

단축키:

• Shift + Alt + O: import 정리 (사용하지 않는 import 제거, 정렬)
• Ctrl + .: Quick Fix 메뉴 열기 (import 추가 옵션 포함)