Organizace importů ve VS Code

2 min readJan 18, 2025

Už pár let VS Code používám a nikdy mě nepřestane překvapovat. Funkce “Organize Imports” přerovná importy a odebere nepoužívané.

Pracuju si na své komponentě a automaticky mi VS Code hází importy. Když mi to ale žádný nenabídne, sáhnu do toho sám… tam tepve začíná problém.

ukázka kódu importů ve Visual Studio Code — importy před použitím Organize Imports

Tlačí mě čas, házim tam import přes import, moc to neřešim. Typescript mám samozřejmě hezky zodpovědně nastavený na "noUnusedLocals": true a pak mě to při buildu seřve, že jak jsem si to mohl vůbec dovolit.

chyba v terminálu při importu knihovny, kterou nevyužíváme — chyba při buildu, klasika

Změnit true na false ale není cesta, kterou by se moudrý programátor chtěl vydat. Je to až moc jednoduchý a to neni nic pro nás. Použijeme něco lepšího, Organize Imports!

Pro uživatele s myší

menu s možnostmi po kliknutí pravým tlačítkem kdekoliv v kódu — menu po kliknutí pravým tlačítkem

Po rozkliknutí Source Action se nám otevře menší submenu se zajímavými možnostmi. My dnes zvolíme Organize Imports

menší submenu Source Action — source action submenu

Pro ty co milujou Command Palette

Ctrl + Shift + P a napiš co potřebuješ. Takhle to používám já!

ukázka, jak spustit Organize Imports funkci pomocí Command Pallete — pro ty nejlepší, command paleta je to nejlepší

Pro zkratkaře

Shift + Alt + o

nastavení klávesové zkratky pro organizaci importů — miluju zkratky, ale moje hlava už je jich pěkněplná

Na každé uložení

Toto lze aplikovat jak na jeden projekt, tak na celý VS Code. Využijeme soubor settings.json. Ten máme 1 globální a také si můžeme přidat svůj do projektu na projektově specifické nastavení.

Cesty k souborům:
C:\Users\susithemafk\AppData\Roaming\Code\User\settings.json C:\Users\susithemafk\yourproject\.vscode\settings.json

"editor.codeActionsOnSave": {
    "source.organizeImports": "always"
}

Výsledek

Seřazené importy, odebrány nepoužívané atd…. Prostě banger! Už se s tim nikdy nemusíš *.

ukázka importů po použití funkce Organize Imports

A tohle je ode mě vše, užívejte programujte. susithemafk