前言

當初入行開始學習如何 coding 的時候，一開始接觸的 IDE 是 Sublime，再來是 Atom。畢竟剛開始學習，總會想要多試試看不同的工具，從中找到一個符合自己的 IDE。

是的，下一款我嘗試使用 Visual Studio，不得不說，在 coding 的時候，覺得有個小框框能夠提醒自己接下來可以使用的方法、變數，對於初學者時期的我而言，是多開心的一件事啊！

這個小框框，讓我馬上決定捨棄 Sublime 以及 Atom，加入 Visual Studio 陣營，後來推出主打輕量化的 VS Code 後，符合自己的開發需求，於是乎我馬上改用 VS Code，一直到今天為止。

時光飛逝，距離開始使用 Visual Studio 已經過了兩年多。藉由這次鐵人賽，終於了解當初煞到我的小框框，是什麼東西了。

什麼是 IntelliSense

簡而言之，就是加速程式碼的撰寫，提高程式的開發速度。

觸發的時間點是，當使用者輸入.後，會馬上進行預測，列出接下來可能要使用的變數、方法、函式、語法等。除了列出名稱外，部分選項會藉由線上的文件，提供該選項的詳細定義，讓開發者可以快速地了解內容。

如同筆者在 Day 02: 為什麼我會想要推薦 vs code 所提及，vs code 先天上對於前端三劍客（HTML、CSS、JavaScript）的支援最好，因此 IntelliSense 預設上支援三劍客。

但是

VS Code 有著活躍的社群，缺什麼功能，多半有高手大大開發出 extension 給大家下載、使用。因此目前主流的幾款語言，藉由 extension，都可以強化 IntelliSense。

以下是目前有支援的：

補充

圖示

使用 IntelliSense 輔助開發一段時間後，要複習的只有圖示。熟悉圖示的含義後，會減輕大腦要強記的部分，進而加速開發的流程。
（畢竟人對於圖示的理解力遠勝於文字）

以下圖片來自官方，多看個幾次就會記住了。

假如 IntelliSense 失效的話

這時候能做的只有兩點：

1. 關掉 vs code 後，重新開啟。
2. 第一點失效的話，extension 移除後重新安裝，再重新開啟 vs code 看看。
3. 如果前兩點都失效的話，請去該 extension 的 Github 上發個 issue 回報問題。

總結

今天這篇，簡單地闡述個人熱愛 VS Code 的地方，一旦養成習慣後，就不太容易去使用沒有 IntelliSense 的 IDE 了。

處在天天開發的環境內，能節省輸入的時間、大腦要記憶的事項，對於開發都是莫大的幫助。