Visual Studio Code import 문 정리 단축키

Visual Studio Code에서 javascript import 문에서 안 쓰는 정의 들을 깔끔하게 정리하는 단축키입니다.

 

Windows: Alt + Shift + O

Mac: Option + Shift + O

 

단축키를 사용하면 사용하지 않는 정의는 모두 지워지고, 가나다순으로 정렬됩니다.

 

단축키를 사용하기 전과 후의 결과 예시는 아래와 같습니다.

 

사용하기 전

import React, { useState, useEffect } from 'react'
import { SafeAreaView, StyleSheet, View, Dimensions, Alert, Platform, Image } from 'react-native'
import { Text, Icon, Button, colors } from 'react-native-elements'
import { useSafeAreaInsets } from 'react-native-safe-area-context'
import { Camera } from 'expo-camera'
import { BarCodeScanner } from 'expo-barcode-scanner'
import { AdMobBanner } from 'expo-ads-admob'
import * as Linking from 'expo-linking'
import { adBannerID } from '../../constans/AdmobId'
import { CustomTheme, CustomSpace } from '../../constans/CustomTheme'
import LottoApi from '../../api/LottoApi'
import { screenshotMode } from '../../constans/ExeMode'

 

사용 후

import { AdMobBanner } from 'expo-ads-admob'
import { BarCodeScanner } from 'expo-barcode-scanner'
import { Camera } from 'expo-camera'
import * as Linking from 'expo-linking'
import React, { useState } from 'react'
import { Alert, Image, Platform, SafeAreaView, StyleSheet, View } from 'react-native'
import { Button, colors, Icon, Text } from 'react-native-elements'
import { useSafeAreaInsets } from 'react-native-safe-area-context'
import LottoApi from '../../api/LottoApi'
import { adBannerID } from '../../constans/AdmobId'
import { CustomSpace, CustomTheme } from '../../constans/CustomTheme'
import { screenshotMode } from '../../constans/ExeMode'