Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to configure VS Code Auto import?

Is there a way of tweaking TypeScript Auto import feature in Visual Studio Code?

As an example, observe the following attempt:

enter image description here

The added line by the Auto import was the following:

import { Pins } from '../types/index';

I would like it to be added straight away without the comma, in respect to TSLint, and without the /index path, due to my subject sense of aesthetics, like the following:

import { Pins } from '../types'

Is there a way of saving those few "extra" keyboard hits?

like image 977
Samuel Avatar asked Feb 01 '18 03:02

Samuel


People also ask

How do you use auto import?

Automatically optimize imports on savePress Ctrl+Alt+S to open the IDE settings and select Tools | Actions on Save. Enable the Optimize imports option. Additionally, from the All file types list, select the types of files in which you want to optimize imports. Apply the changes and close the dialog.

How do I fix Visual Studio import code?

While refactoring your javascript/typescript code it's easy to remove things but forget to get rid of the unused imports. In VSCode, you can easily remove these with the shortcut : Shift + Alt + O.


1 Answers

  1. Download TypeScript Hero extension.

  2. Go to settings (Ctrl + ,).

  3. In settings go to User (selected default) >> Extensions >> TypeScript Hero


TypeScript Hero > Imports: Insert Semicolons

[x] Defines if there should be a semicolon at the end of the statement.

like image 146
tscpp Avatar answered Sep 28 '22 03:09

tscpp