Kullanılmayan ithalatı ve beyanları Angular 2+ 'den kaldırmanın bir yolu var mı?

Yakın zamanda şirketten ayrılmış olan diğer geliştiricilerden bazı karışık kodlar almakla görevlendirildim.

Merakla soruyorum, bir Visual Studio Code eklentisi veya içe aktarmaları ve referansları hızlı ve etkili bir şekilde düzenlememize ve düzenlememize yardımcı olabilecek başka araçlar var mı?

Örneğin, bunun gibi yüzlerce ithalat var

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

benzer şekilde dönüştürülebilir

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

Veya kullanılmayan içe aktarmaları ve bildirimleri app.module'dan veya tüm bileşenlerden tüm proje boyunca otomatik olarak kaldırmak gibi diğer işlevler?

Herhangi bir geri bildiriminiz için teşekkürler!

Düzenleme (yorumlarda ve diğer kişilerde önerildiği gibi), Visual Studio Code gelişti ve bu işlevselliği aşağıdaki varsayılan klavye kısayollarıyla "İçe aktarmaları düzenle" komutu olarak yerleşik olarak sağlar :

option+ Shift+ OMac için

Alt + Shift + OWindows için

Orijinal cevap:

Umarım bu görsel stüdyo kod uzantısı ihtiyacınızı karşılayacaktır: https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero

Aşağıdaki özellikleri sağlar:

• Projenizin veya kitaplıklarınızın içe aktarımlarını mevcut dosyanıza ekleyin
• İmlecin altındaki mevcut ad için bir içe aktarma ekle
• Bir dosyanın tüm eksik içe aktarımlarını tek bir komutla ekleyin
• Semboller öneren ve yazdığınız kodu düzelten gerekli ithal "Ampul özelliğini" otomatik olarak ekleyen Intellisense
• İçe aktarımlarınızı sıralayın ve düzenleyin ( kullanılmayanları sıralayın ve kaldırın )
• Açık TS / TSX belgenizin kod anahat görünümü
• JavaScript için de tüm harika şeyler! (yine de deneysel aşama, aşağıda daha iyi açıklama.)

Mac için: control+ option+o

Win için: Ctrl+ Alt+o

Visual Studio Code Release 1.22'den itibaren bu, bir uzantıya ihtiyaç duymadan ücretsiz olarak sunulur.

Shift+ Alt+O sizinle ilgilenecek.

Yoğun bir görsel stüdyo kullanıcısıysanız, tercih ayarlarınızı açıp aşağıdakileri ayarlarınıza ekleyebilirsiniz.json:

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

Umarım bu yardımcı olabilir!

Kullanılmayan içe aktarmaları, kodu veya değişkenleri algılayabilmek için tsconfig.json dosyasında bu seçeneğe sahip olduğunuzdan emin olun.

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

typecript derleyicisini kurun, eğer kurmazsanız:

npm install -g typescript

ve Vcode'da kurulu tslint uzantısı, bu benim için çalıştı, ancak etkinleştirdikten sonra, özellikle büyük projelerde CPU kullanımında bir artış olduğunu fark ettim.

İçe aktarmalarınızı düzenlemek için typcript hero uzantısını kullanmayı da tavsiye ederim .

VSCode v.1.24 ve TypeScript v.2.9'dan beri:

Mac için: option+ Shift+O

Win için: Alt+ Shift+O

Bu ileti dizisinde zaten pek çok iyi yanıt var! Bunu otomatik olarak yapmaya çalışan herkese yardımcı olmak için bunu göndereceğim ! Tüm proje için kullanılmayan ithalatı otomatik olarak kaldırmak için bu makale bana gerçekten yardımcı oldu.

Makalede yazar bunu şöyle açıklıyor:

İçinde aşağıdakileri içeren bağımsız bir tslint dosyası oluşturun:

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

Ardından içe aktarmaları düzeltmek için aşağıdaki komutu çalıştırın:

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

Verdiği diğer hataları düzeltmeyi düşünün. (Yaptım)

Ardından inşa ederek proje çalışmalarını kontrol edin:

ng build

veya

ng build name_of_project --configuration=production 

Bitiş: Doğru bir şekilde oluşturulursa, içe aktarmaları otomatik olarak başarıyla kaldırmış olursunuz!

NOT: Bu yalnızca gereksiz içe aktarmaları ortadan kaldırır. Daha önce bahsedilen komutlardan birini kullanırken VS Code'un yaptığı diğer özellikleri sağlamaz.

Blogunuza gidin tslint.jsonve mal değerini değiştirmek no-unused-variableiçinfalse