前端蒟蒻入门（VS CODE插件）【1】

提示：本文是为了记录一下自己学习前端入门而写的，如若有不好的地方，还请各位大佬多多指正

---

前言

提示：工欲善其事必先利其器，要学习前端，那么必不可少会用到开发软件，那么这里我使用的是号称宇宙第一IDE———vs code。
我本人是不太推荐插件安装一个Chinese ，虽然汉化后整体功能正常了解，但是这也失去了一个锻炼的机会

---

一、vs code 插件安装

首先推荐的第一个插件就是
View in Browser
在浏览器里预览网页必备。

2.Debugger for Chrome
相信很多小伙伴都知道谷歌浏览器的强大，而这个插件就是用谷歌浏览器进行调试

3.Material Theme
主题插件

安装好后的效果展示
4.Prettier - Code formatter

对于一些据有强迫症的小伙伴们来说
代码一定要是整整齐齐的才能够舒服
那这款插件一定能够让你们省心很多

安装好这个插件后，还需要做一件事配置好相关的设置
使用快捷键Ctrl + ， 打开setting设置
或者是在左下角的地方，点击齿轮的按钮，打开setting设置

在设置中找到Text Editor

找到其中的Formatting，在其中找到Format On Save
这样在你保存的时候会自动的帮你把代码整齐

5.Bracket Pair Colorizer
相信很多小伙伴都是害怕代码中的括号匹配，一不小心就匹配错误了，而这款查看括号匹配的神器，可以把不同嵌套层级的各种类型的括号，
用不同的颜色标注出来

6**.Auto RenameTag**

自动重命名标签
在前端的学习中，有时候会要修改双标签，
而这时候一个个找匹配起来，效率不仅慢，
而且还容易出错。而这款插件就能够自动匹配到相应的标签中去

7.CSS Peak
快速找CSS中的代码

8.Live Server
主要作用就是在本地开启一个HTTP Server
可以监听Ctrl+S动作进行页面自动刷新

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了VS CODE 插件，真正入门前端还未真正开始呢，下一篇就开启真正的学习。