How to invoke the "Organize imports" TypeScript feature in Visual Studio?

Question

There is a new feature in TypeScript 2.8 that lets you "Organize imports": https://blogs.msdn.microsoft.com/typescript/2018/03/27/announcing-typescript-2-8/#organize-imports

Basically it does the following:

• remove unnecessary import statements
• sort the import statements

The page shows that the feature can be invoked in Visual Studio Code with the Shift+Alt+O keyboard shortcut. Does anybody know how this feature can be invoked in Visual Studio (2017)?

UPDATE:

From version 15.8 onward Visual Studio 2017 highlights unused imports by greying them out.

Answer 1

Visual Studio Code has released a new feature in April last year which enable to organize imports on save. Can you try to update your current settings.json with the following changes:

"editor.formatOnSave": true,
"[typescript]": {
    "editor.codeActionsOnSave": {
        "source.organizeImports": true
    }
}

Hopefully this can be helpful and good luck!

Answer 2

You can also use the following shortcut with your keyboard to "Organize imports":

Shift+Alt+O

Answer 3

A slightly modified version of JayKan's answer but this worked for me in VSCode settings.json.

    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
        "source.organizeImports": true
    }

Answer 4

This feature has now been added to Visual Studio 2017.

One can invoke it the following ways:

1. Pressing Ctrl+R followed by Ctrl+G.
2. Right-click in the code window and click Organize Imports in the context menu.