Apakah ada cara untuk menghapus impor dan deklarasi yang tidak digunakan dari Angular 2+?

Saya ditugaskan untuk mengambil beberapa kode kacau dari pengembang lain yang telah meninggalkan perusahaan baru-baru ini.

Saya ingin tahu bertanya apakah ada beberapa plug-in dari Visual Studio Code atau cara lain yang dapat membantu kita untuk merapikan dan mengatur impor dan referensi dengan cepat dan efektif?

Misalnya, mungkin ada ratusan impor seperti ini

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

dapat dikonversi menjadi serupa

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

Atau fungsi lain seperti menghapus secara otomatis impor dan deklarasi yang tidak digunakan dari app.module atau dari semua komponen melalui keseluruhan proyek?

Terima kasih atas umpan baliknya!

Edit (seperti yang disarankan dalam komentar dan orang lain), Visual Studio Code telah berevolusi dan menyediakan fungsionalitas ini built-in sebagai perintah "Atur impor", dengan pintasan keyboard default berikut :

option+ Shift+ Ountuk Mac

Alt + Shift + Ountuk Windows

Jawaban asli:

Saya harap ekstensi kode visual studio ini akan mencukupi kebutuhan Anda: https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero

Ini menyediakan fitur berikut:

• Tambahkan impor proyek atau pustaka Anda ke file Anda saat ini
• Tambahkan impor untuk nama saat ini di bawah kursor
• Tambahkan semua impor file yang hilang dengan satu perintah
• Intellisense yang menyarankan simbol dan secara otomatis menambahkan impor yang diperlukan "fitur bola lampu" yang memperbaiki kode yang Anda tulis
• Mengurutkan dan mengatur impor Anda (mengurutkan dan menghapus yang tidak digunakan )
• Tampilan kode garis besar dokumen TS / TSX terbuka Anda
• Semua hal keren untuk JavaScript juga! (tahap eksperimental, deskripsi yang lebih baik di bawah ini.)

Untuk Mac: control+ option+o

Untuk Menang: Ctrl+ Alt+o

Pada Visual Studio Code Release 1.22 ini gratis tanpa perlu ekstensi.

Shift+ Alt+O akan menjagamu.

Jika Anda adalah pengguna studio visual yang berat, Anda dapat membuka pengaturan preferensi Anda dan menambahkan yang berikut ke pengaturan Anda.

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

Semoga ini bisa membantu!

Untuk dapat mendeteksi impor, kode, atau variabel yang tidak digunakan, pastikan Anda memiliki opsi ini di file tsconfig.json

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

sudah menginstal kompiler naskah, jika tidak menginstalnya dengan:

npm install -g typescript

dan ekstensi tslint diinstal dalam Vcode, ini bekerja untuk saya, tetapi setelah mengaktifkan saya perhatikan peningkatan jumlah penggunaan CPU, khususnya pada proyek-proyek besar.

Saya juga merekomendasikan untuk menggunakan ekstensi pahlawan naskah untuk mengatur impor Anda.

Sejak VSCode v.1.24 dan TypeScript v.2.9:

Untuk Mac: option+Shift+O

Untuk Menang: Alt+ Shift+O

Sudah ada begitu banyak jawaban bagus di utas ini! Saya akan memposting ini untuk membantu siapa saja yang mencoba melakukan ini secara otomatis ! Untuk secara otomatis menghapus impor yang tidak digunakan untuk seluruh proyek, artikel ini sangat membantu saya.

Dalam artikel tersebut penulis menjelaskannya seperti ini:

Buat file tslint yang berdiri sendiri yang memiliki yang berikut di dalamnya:

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

Kemudian jalankan perintah berikut untuk memperbaiki impor:

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

Pertimbangkan untuk memperbaiki kesalahan lain yang dilemparnya. (Aku melakukannya)

Kemudian periksa pekerjaan proyek dengan membangunnya:

ng build

atau

ng build name_of_project --configuration=production 

Akhir: Jika dibuat dengan benar, Anda telah berhasil menghapus impor secara otomatis!

CATATAN: Ini hanya menghilangkan impor yang tidak perlu. Itu tidak menyediakan fitur lain yang VS Code lakukan ketika menggunakan salah satu perintah yang disebutkan sebelumnya.

buka Anda tslint.jsondan ubah nilai properti no-unused-variablemenjadifalse