前情提要

身後傳來了聲音：「哈囉，我叫艾草，是你的入門引導學姊。」

我回頭一看卻沒看到人。

「這裡！這裡！」她繼續說著。

我仔細瞧著聲音的來源，是一隻鳥，羽毛是綠色，眼睛還帶著白眼圈，看起來很好摸的樣子。

「等等，不要用那種眼神看我，不準摸！」只見她氣 PUPU 的樣子。

「該聊正事了！要先帶你升級裝備，不然魔法師連個像樣的套件都沒有，怎麼彰顯大魔導師精神，來跟著我一起安裝 VSCode 套件吧！」

VSCode 套件介紹

Chinese (Traditional) Language Pack for Visual Studio Code

此套件可以將 VSCode 語言調整至中文，如果一開始看到一片英文很緊張，沒關係安裝這個套件就對了。

Better Comments

在註解時可以透過標註以下不同符號，讓註解有繽紛的顏色。

可以針對這些方法去定義自己的註解樣式，以下為官方定義的註解樣式：

Bracket Pair Colorizer

安裝此套件可以讓程式碼的每個互相對應的括號 ()、{} 等，自動幫你用顏色配對起來，更容易看到每個括號是否有包好。

成果對比圖：

Code Spell Checker

幫你檢查駝峰式代碼撰寫英文有沒有拼錯的好用工具！

改正前會透過下底線告知哪邊拼字錯誤，且也會檢查是否有使用駝峰式撰寫，改正後可以看到下底線消失囉！

成果對比圖：

indent-rainbow

可以看到縮排呈現漂亮的彩虹色，沒有縮排好的地方一目瞭然！

沒有縮排好的地方會變成紅色區塊，很明顯就能看出來。
成果對比圖：

如何在 VSCode 安裝套件

簡單三步驟，教學如何在 VSCode 安裝套件：

步驟一、點選圖示區塊

步驟二、輸入套件名稱

步驟三、安裝套件

安裝後就完成囉！
裝備升級完成後，讓我們接著學習入門魔法 JavaScript 是什麼 ～