설정 방법
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 추가 옵션 포함)
'기타 개발' 카테고리의 다른 글
vscode에서 auto import 될 때 상대경로 말고 절대경로로 import하게 하는 설정 (1) | 2025.05.23 |
---|---|
인텔리제이 환경설정 (1) | 2025.03.19 |
인텔리제이 단축키 설정하기 (0) | 2025.03.12 |
Lighthouse로 성능을 측정하여 좋은 유저 경험 만들기 (0) | 2023.11.09 |
Antd Datepicker(RangePicker) clone.weekday is not a function (0) | 2023.02.15 |