前情提要

身後传来了声音：「哈罗，我叫艾草，是你的入门引导学姊。」

我回头一看却没看到人。

「这里！这里！」她继续说着。

我仔细瞧着声音的来源，是一只鸟，羽毛是绿色，眼睛还带着白眼圈，看起来很好摸的样子。

「等等，不要用那种眼神看我，不准摸！」只见她气 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 是什麽 ～