DAY 30 好用的套件

推荐扩充套件

Color Highlight

这边跟大家推荐 Color Highlight 这个扩充套件，也是我在实作的时候才发现他的实用之处，当你设置关於颜色的 variable ，他在套用到 style 的地方也会同步显示，当你要检查颜色相关的 property 就会方便很多罗～

h1 color 的配置也会有颜色显示！这样检视修改就方便很多，不用回到原本设置 primaryColor 的那一行去看颜色

Auto Close Tag

可以自动帮你闭合 html tag，在快速写扣的时候有个小帮手的感觉，可以加速不少！

Auto Close Tag - Visual Studio Marketplace

Auto Rename Tag

当 tag 的名称有变时，前後的 tag 会一起帮你变动，就不用改两次了，也是好用小帮手！

Auto Rename Tag - Visual Studio Marketplace

Bracket Pair Colorizer 2

当程序码写了很多行後，有时候会搞不清楚哪个 div 对应在哪个 close tag 上的情况发生，当你安装这个套件後，就可以用颜色去区分对应的 div 区间在哪，快速找到相应的内容！

Bracket Pair Colorizer 2 - Visual Studio Marketplace

Tabnine - Code Faster with the All-Language ......

就是一款 AI 帮你写扣的套件！

它内建的 ai 会依照你的习惯以及语法来侦测你下一行可能要写什麽，有时候在 import 内容或是选择 variable 的内容时挺方便的！上面的两个 tag 系列也是他们家出的～

Tabnine - Code Faster with the All-Language AI Assistant for Code Completion, autocomplete JavaScript, Python, TypeScript, PHP, Go, Java, node.js, Ruby, C/C++, HTML/CSS, C#, Rust, SQL, Bash, Kotlin, R - Visual Studio Marketplace

以上是我觉得在编写前端 or SASS 的套件们，大家如果也有其他不错的套件想分享给我也可以在下方留言～

完赛感言

终於完成实作的部分，很抱歉後面越写越大块，前面 header 拆分的节奏感觉还不错，但是没想到还是塞不完後半部ＱＱ，如果下次有再参赛会在注意节奏的！而剩下的内容我会再做调整，欢迎关注我的 GitHub <3

最後，感谢 47 找我写铁人赛，感谢大家有乖乖写完，真的是太热血了，整整一个月回家都没在看小说而是写扣（好累⋯⋯，呼，我现在只想回家看小说啦ＱＱ