Чи є спосіб видалити невикористаний імпорт та декларації з Angular 2+?

Мені призначено взяти якийсь заплутаний код від інших розробників, які нещодавно вже покинули компанію.

Мені цікаво запитати, чи є якийсь модуль коду Visual Studio чи інші засоби, які можуть допомогти нам швидко та ефективно упорядкувати та організувати імпорт та посилання?

Наприклад, може бути сотні таких імпортів

import { AutoCompleteModule,InputSwitchModule } from 'primeng/primeng';
import { ListboxModule } from 'primeng/primeng';

може бути перетворений аналогічно

import { AutoCompleteModule,
         InputSwitchModule,
         ListboxModule  } from 'primeng/primeng';

Або інші функції, такі як автоматичне видалення цих невикористаних імпортів та декларацій з app.module або з усіх компонентів через весь проект?

Дякуємо за будь-який відгук!

Редагуючи (як пропонується в коментарях та інших людей), Visual Studio Code розвинувся і надає цю функціональну функцію, вбудовану як команда "Організувати імпорт", із такими комбінаціями клавіш за замовчуванням :

option+ Shift+ Oдля Mac

Alt + Shift + Oдля Windows

Оригінальна відповідь:

Я сподіваюся, що цього розширення коду візуальної студії вистачить ваших потреб: https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero

Він надає такі функції:

• Додайте імпорт вашого проекту чи бібліотеки до поточного файлу
• Додайте імпорт для поточної назви під курсором
• Додайте весь відсутній імпорт файлу за допомогою однієї команди
• Intellisense, який пропонує символи та автоматично додає необхідний імпорт "Функція лампочки", яка виправляє написаний вами код
• Сортування та впорядкування імпорту (сортування та видалення невикористаного )
• Вид контуру коду відкритого документа TS / TSX
• Всі класні речі також для JavaScript! (Експериментальний етап, однак, кращий опис нижче.)

Для Mac: control+ option+o

Для Win: Ctrl+ Alt+o

Станом на Visual Studio Code Release 1.22, це стає безкоштовним без необхідності розширення.

Shift+ Alt+O подбає про вас.

Якщо ви великий користувач візуальної студії, ви можете просто відкрити налаштування налаштувань і додати наступне до налаштувань.json:

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

Сподіваємось, це може бути корисним!

Щоб мати можливість виявити невикористаний імпорт, код або змінні, переконайтеся, що у вас є ці параметри у файлі tsconfig.json

"compilerOptions": {
    "noUnusedLocals": true,
    "noUnusedParameters": true
}

встановити компілятор машинопису, якщо не встановити його за допомогою:

npm install -g typescript

і розширення tslint, встановлене у Vcode, це працювало для мене, але після включення я помічаю збільшення кількості використання процесора, особливо на великих проектах.

Я б також рекомендував використовувати розширення героїв машинопису для організації вашого імпорту.

Оскільки VSCode v.1.24 та TypeScript v.2.9:

Для Mac: option+ Shift+O

Для Win: Alt+ Shift+O

У цій темі вже так багато хороших відповідей! Я збираюся розмістити це, щоб допомогти всім, хто намагається це зробити автоматично ! Щоб автоматично видалити невикористаний імпорт для всього проекту, ця стаття мені дуже допомогла.

У статті автор пояснює це так:

Створіть окремий файл tslint, який містить у собі таке:

{
  "extends": ["tslint-etc"],
  "rules": {
    "no-unused-declaration": true
  }
}

Потім запустіть таку команду, щоб виправити імпорт:

 tslint --config tslint-imports.json --fix --project .

Подумайте про виправлення будь-яких інших помилок, які він викидає. (Я зробила)

Потім перевірте роботу проекту, побудувавши його:

ng build

або

ng build name_of_project --configuration=production 

Кінець: Якщо вона правильно побудована, ви успішно видалили імпорт автоматично!

ПРИМІТКА. Це видаляє лише непотрібний імпорт. Він не надає інших функцій, які виконує VS Code при використанні однієї з команд, згаданих раніше.

перейдіть до свого tslint.jsonі змініть значення властивості no-unused-variableнаfalse