2017-10-13 40 views
2

我被分配去從最近已經離開公司的其他開發者那裏拿一些亂七八糟的代碼。有沒有辦法從Angular 2+中刪除未使用的導入和聲明?

我很好奇地問,是否有一些Visual Studio代碼插件或其他方式可以幫助我們快速有效地整理和組織導入和引用?

例如,有可能上百進口這樣

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

可以轉換爲相若方式像 自動刪除那些從應用程序未使用的進口和聲明

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

或其他功能。模塊還是從整個項目的所有組件?

感謝您的任何反饋!

+0

如果外來的進口部件特別是對業績的拖累我也想知道。 – Marcidius

回答

8

我希望這個Visual Studio代碼擴展就足夠了您的需求:https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero

它提供以下功能:

  • 添加項目的進口或庫,以當前的文件
  • 添加進口的光標下的當前名稱
  • 使用一個命令添加所有缺少的文件導入
  • 建議使用符號的Intellisense LS,並自動添加所需的進口 「燈泡功能」,修復代碼你寫
  • 排序和組織進口(排序和刪除未使用的)打開的TS的
  • 代碼大綱視圖/ TSX文件
  • JavaScript的所有酷炫的東西! (實驗階段,雖然,下面更好的描述。)
+1

謝謝你讓我加入這個附加組件,它很有用!直到我剛剛安裝它,我曾經安裝了自動導入擴展,以照顧這一小部分功能(自動導入)。但是,在安裝TypeScript Hero之後,它會完成所有我需要的操作,包括在導入語句本身中按字母順序排序依賴關係,擺脫組件類中未使用的導入等等! – Marcidius

1

去你tslint.json和財產no-unused-variable的值更改爲false

相關問題