1. 程式人生 > >VSCode 自動匯入包外掛 Auto Import

VSCode 自動匯入包外掛 Auto Import

事件簡介

  最進在學習Angular視訊,發現一個令我非常難受的事情。
  是這樣的,我看著視訊一點一點敲程式碼的時候,第一次遇到了@Input,就像命中註定一樣,我和它對視了一個上午。
  其實就是報錯了,給我我急壞了,發現和視訊步驟一模一樣,程式碼也一樣怎麼就報錯了呢?盯著@Input盯了整整一上午,終於發現了原因。原來是因為我沒有匯入包,而視訊中的包是自動匯入的。
  因為我沒有像視訊裡那樣使用Webstorm,我用的IDE是VSCode,我不知道是Webstorm自帶匯入包的功能還是他安裝了外掛,總之就是看他視訊發現他沒寫匯入包的程式碼,就自動寫入匯入包的程式碼了,不管他是安裝了外掛還是Webstorm自帶匯入包功能,總之為了防止再一次發生這種事,我決定要找一個類似功能的外掛,最終被我找到了,沒錯,就是標題中的Auto Import。

安裝Auto Import步驟
  1. 開啟vscode
  2. 點選左側擴充套件圖示或者使用快捷鍵ctrl+shift+x,開啟安裝擴充套件的頁面
  3. 在搜尋框框輸入Auto Import,按下回車鍵,找到Auto Import外掛,點選安裝按鈕,安裝外掛
    這裡寫圖片描述
使用Auto Import
  1. 輸入程式碼,程式碼不能錯,一定要是正確的,大小寫正確。
  2. 看到下圖類似的提示內容後點擊回車鍵或者單擊提示資訊
    這裡寫圖片描述
  3. 自動匯入包成功,如果第一次沒成功,沒關係,重啟IDE後在試試
    這裡寫圖片描述

好了,本次分享就到這裡。